echarts 总结

echarts

一.定义
1.javascript的图表库
2.百度建赠给apache基金会
3.比较符合中国人的习惯
4.HeightCharts，D3位同行
5.官网
二.核心概念
instance实例
series系列
tooltip提示
legend图例
xAxis x轴
yAxis y轴
toolbox 工具箱
dataZoom缩放
vitualMap虚拟映射
三.图标常用类型
bar柱状
pie饼形
line线性
四.颜色的修改
主题：自定义主题 light,dark浅色与深色
自定义主题，教程链接 https //echarts. apache .org/zh/theme- builder. html
color: 调色盘
itemStyle:normal(默认) emphasis（强调状态）
五.特别样式
1.渐变
var linear={
type: ‘linear’,
x:0,
y:0,
x2:0,
y2:1,
colorStops:[{
offset: 0, color: ‘#0bdcf3’
},{
offset: 1, color: ‘#0093dd’
}}，
global: false
}]
2.线的样式 lineStyle
lineStyle:{
width:12,
cap:“round”,
opacity:0.7,
}
3.面的样式
areaStyle:{
color:linear2,
},
六：label标签
1.show: true是否显示
formatter:"{a},{b},{c}"
格式化
2.position:位置
3.color颜色
七：多图表
1.qrid 网格布局
2.xAxis ySxis轴线指定
3.series 数据指定轴线