echarts柱状图分割区域隔行变色

原创 loya8023 随笔 ECharts 262阅读 2017-05-09 10:22:09 举报

柱状图分割区域隔行变色,y轴设置splitArea,配上x轴的分割线splitLine,效果会更好。

配置项注意:

[blockquote]series中,每组数据name的值 === 图例legend.data数组中对应的值,否则图例不显示;
series中,柱状图bar的属性barWidth,表示柱状图宽度,这里是50%;
series中,label可控制是否显示具体数据,数据的样式及显示位置。[/blockquote]
分割区域隔行变色核心代码:
javascript 代码

实例源代码:
html 代码

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复