Echarts

<!DOCTYPE html> <html>     <head>         <meta charset="utf-8" />         <title></title>     </head>     <body>         <div id="main" style="height:600px;width:500px;"></div>     </body>     <script type="text/javascript" src="js/echarts.common.min.js" ></script>     <script type="text/javascript">         // 基于准备好的dom,初始化echarts实例         var myChart=echarts.init(document.getElementById("main"))          // 指定图表的配置项和数据         var option = {             title: {                 text: 'ECharts 入门示例'             },             tooltip: {},             legend: {                 data:\['销量'\]             },             xAxis: {                 data: \["衬衫","羊毛衫","雪纺衫","裤子","高跟鞋","袜子"\]             },             yAxis: {},             series: \[{                 name: '销量',                 type: 'bar',                 data: \[5, 20, 36, 10, 10, 20\]             }\]         };

        // 使用刚指定的配置项和数据显示图表。
        myChart.setOption(option);
    </script>

</html>
点赞
收藏

评论区

加载中...

相关推荐

MySQL:[Err] 1292 - Incorrect datetime value: ‘0000-00-00 00:00:00‘ for column ‘CREATE_TIME‘ at row 1

文章目录问题用navicat导入数据时,报错:原因这是因为当前的MySQL不支持datetime为0的情况。解决修改sql\mode:sql\mode:SQLMode定义了MySQL应支持的SQL语法、数据校验等,这样可以更容易地在不同的环境中使用MySQL。全局s

Oracle 分组与拼接字符串同时使用

SELECTT.,ROWNUMIDFROM(SELECTT.EMPLID,T.NAME,T.BU,T.REALDEPART,T.FORMATDATE,SUM(T.S0)S0,MAX(UPDATETIME)CREATETIME,LISTAGG(TOCHAR(

手写Java HashMap源码

HashMap的使用教程HashMap的使用教程HashMap的使用教程HashMap的使用教程HashMap的使用教程22

svg自适应写法

svg自适应写法<pre<!DOCTYPEhtml<htmllang"en"<head<metacharset"UTF8"<titleDocument</title</head<body<divstyle"width:30%;height:3.6rem;"<svg

Html 常见标签,css基础样式,css的浮动和清流,浏览器的兼容

1.html模板<!DOCTYPEhtml<html<head<metacharset"UTF8"<title模板</title</head<body</body</html2.DOCTYPE声明放在html文件头部最新HTML5用<!DOCTYPEhtml

20180908_html_林芳钰

<!DOCTYPEhtml<html<head<metacharset"UTF8"<title180908作业</title<styletype"text/css"  .up{     width:1365px;     height:98px;  }  .line

Echarts - HelloWorld