ECharts
简介
ECharts是基于Canvas的纯Javascript图表库 ,类似HighChart.
（特点baidu 开源项目资料纯中文,支持图表混搭 拖拽等功能。
支持的图表类型：折线图，堆积折线图，区域图，堆积区域图 柱形图 堆积柱状图 散点图，气泡图，大规模散点图 K线图，蜡烛图 饼图，圆环图
雷达图，填充雷达图 和弦图 力导布局图 地图（支持中国及全国34个省市自治区地图）。
文档地址：http://echarts.baidu.com/doc/doc.html
使用
1、需要的JS依赖库:
模块加载器：esl.js 或者require.js
绘图库: zrender
ECharts: ECharts
2、引入
require.config({
packages:[{
name:'echarts',
location:'./echarts/src',
main:'echarts'
},{
name:'zrender',
location:'./zrender/src',
main:'zrender'
}]
});
3、配置选项和数据
series :{} 表示图表数据，不同图表格式不同
var option = {
title:{},legend{},toolbox:{},tooltip{},series:{}...
}
4、呈现图表
require(
[
'echarts',
'echarts/chart/kforce',
],
function(ec) {
var myChart = ec.init(document.getElementById('demo'));
myChart.setOption(option);
})
5、个性化设置
series.data
[
12, 34,
{
value : 56,
tooltip:{}, //自定义特殊tooltip，仅对该item有效，详见tooltip
itemStyle:{ //自定义特殊itemStyle，仅对该item有效，详见itemStyle
normal:{
strokeColor:'#8B1A1A', //normal 默认样式 emphasis 强调样式（悬浮时样式）
},
emphasis:{
strokeColor:'#8B1A1B',
}
},
..., 10, 23
]
个别图表数据保存在单独选项中
如: 力导向图
series[{nodes[...],links[...]}]
6、动态增加数据
myChart.setOption(option);
......
......
option.series.push({...});
myChart.setOption(option);
// 图表清空-------------------
myChart.clear();
// 图表释放-------------------
myChart.dispose();