Echarts的中文教程

时间:2018-01-20 12:48:13   收藏:0   阅读:13736

实例教程

//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~

 

评论(0
© 2014 mamicode.com 版权所有 京ICP备13008772号-2  联系我们:gaon5@hotmail.com
迷上了代码!