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 

分享到:

 

扫一扫在手机阅读、分享本文

已有1条评论
    w***8(匿名)  发布于 2023-11-29 04:06:56   回复

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