Echarts-体验五个步骤

at 2019.09.12 18:56 ca 前端实例收藏 pv 1592 by yanjun202

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

分享到：

TAG: div 模板源文件

已有1条评论

w***8（匿名）发布于 2023-11-29 04:06:56 回复

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