码迷,mamicode.com
首页 > 其他好文 > 详细

Echarts的中文教程

时间:2018-01-20 12:48:13      阅读:13736      评论:0      收藏:0      [点我收藏+]

标签:中文   tle   容器   min   body   配置   echart   style   doc   

实例教程

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

 

Echarts的中文教程

标签:中文   tle   容器   min   body   配置   echart   style   doc   

原文地址:https://www.cnblogs.com/MisterHe/p/8320175.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!