Echarts-体验五个步骤

君哥 阅读:1793 2019-09-12 18:56:23 评论:1




1、下载echarts  https://github.com/apache/incubator-echarts/tree/4.5.0

         引入echarts  dist/echarts.min.js

2、准备一个具备大小的DOM容器

 
3、初始化echarts实例对象
 var myChart = echarts.init(document.getElementById('main'));

4、指定配置项和数据(option)

 var option = {   
  xAxis: {        type: 'category',       
  data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']    },    
 yAxis: {        type: 'value'    },    
 series: [{        data: [820, 932, 901, 934, 1290, 1330, 1320],        type: 'line'    }]
 };

5、将配置项设置给echarts实例对象

 myChart.setOption(option);

本文链接:https://www.yanjun202.com/post/14.html 

分享到:
可以去百度分享获取分享代码输入这里。
发表评论
  • w***8(匿名) 发表于 刚刚 回复

    这篇文章写的真好,写的非常详细,内容丰富,图文并茂,很实用认真看完收获很大,期待博主下一篇精彩文章的更新。

搜索
关注我们

扫一扫关注我们,了解最新精彩内容