Echarts的中文教程

实例教程

//1)首先引入echarts.js文件

<script type="text/javascript" src="js/echarts.min.js"></script>

//2)创建图表容器

<div id="chartmain" style="width:600px;height:400px"></div>

//3)指定图标的配置和数据

var option = {
title:{
text:"Echarts 数据统计",
},
tooltip:{},
legend:{
data:[‘用户‘]
},
xAxis:{
data:["Android","IOS","PC","Ohter"]
},
yAxis:{},
series:[{
name:‘访问量‘,
type:‘line‘,
data:[500,200,360,100]
}]
};

 

//4)初始化Echarts实例

var myChart = echarts.init(document.getElementById(‘chartmain‘));

//5)使用定制的配置和数据显示图表

myChart.setOption(option);

Echarts中文参考手册

http://echarts.baidu.com/echarts2/doc/doc.html

Echarts配置项查找工具

http://echarts.baidu.com/echarts2/doc/option.html#title~

 

文章来自:https://www.cnblogs.com/MisterHe/p/8320175.html
© 2021 jiaocheng.bubufx.com  联系我们
ICP备案:鲁ICP备09046678号-3