首页 > 其他 > 详细

Echarts画折线图

时间:2019-05-09 16:47:08      阅读:153      评论:0      收藏:0      [点我收藏+]
 1 <html>
 2 <head>
 3     <meta name="viewport" content="width=device-width" />
 4     <title>折线图</title>
 5     @*echarts画图必须要引用的*@
 6     <script src="~/Scripts/echarts.min.js"></script>
 7 </head>
 8 <body>
 9     @* 画图要用的空间 *@
10        <div id="divEcharts" style="width:800px;height:600px;"></div>
11 </body>
12 </html>
13 <script type="text/javascript">
14     option = {
15         xAxis: {
16             type: category,
17             data: [Mon, Tue, Wed, Thu, Fri, Sat, Sun]
18         },
19         yAxis: {
20             type: value
21         },
22         series: [{
23             data: [820, 932, 901, 934, 1290, 1330, 1320],
24             type: line
25         }]
26     };
27 
28 
29     //初始化echarts实例
30     var myChart = echarts.init(document.getElementById(divEcharts));
31     //使用制定的配置项和数据显示图表
32     myChart.setOption(option);
33     
34 </script>

 

Echarts画折线图

原文:https://www.cnblogs.com/jmy9/p/10839281.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!