Echarts-体验五个步骤
君哥
阅读:1914
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);
这篇文章写的真好,写的非常详细,内容丰富,图文并茂,很实用认真看完收获很大,期待博主下一篇精彩文章的更新。