虽然查文档很全面,但还是自己罗列一下样式,这样记忆深刻一些。不然每次看文档,时间都花在找上面了/(ㄒoㄒ)/
(如果有大神路过,请问一下,文档那么多样式,你们都是咋记住哒)
1、折线图填充渐变
1
2
3
4
5
6
7
8
9
10
11
12
13series: [
areaStyle: {
normal: {
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
offset: 0,
color: '#d68262'
}, {
offset: 1,
color: '#ffe'
}])
}
}
]
2、网格线显示/不显示
1 | yAxis: { |
3、离边界的距离
1 | grid: { x: 75, y: 65, x2: 25, y2: 65, borderWidth: 1 } |
4、鼠标悬停的时候是否有数据
1 | tooltip: {} |
5、饼状图阴影+鼠标悬停时的阴影效果
1 | //在 ECharts4 以前,高亮和普通样式的写法,是这样的: |
6、饼状图的文字颜色和线条颜色
1 | label: { |
7、通过 visualMap 组件将数值的大小映射到明暗度
1 | visualMap: { |
8、主题颜色
1 | var chart = echarts.init(dom, 'light'/'dark'); |
9、调色盘
1 | option = { |
10、
待补充ing……