echarts 柱状图颜色渐变效果
Posted 晚星@
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了echarts 柱状图颜色渐变效果相关的知识，希望对你有一定的参考价值。
series: [{
name: '威胁值',
type: 'bar',
barWidth:70,
data: [30,49,26, 60, 26], //数据
itemStyle: {
normal: {
color: new echarts.graphic.LinearGradient(
0, 0, 0, 1,
[
{offset: 0, color: '#06B5D7'}, //柱图渐变色
{offset: 0.5, color: '#44C0C1'}, //柱图渐变色
{offset: 1, color: '#71C8B1'}, //柱图渐变色
]
)
},
emphasis: {
color: new echarts.graphic.LinearGradient(
0, 0, 0, 1,
[
{offset: 0, color: '#71C8B1'}, //柱图高亮渐变色
{offset: 0.7, color: '#44C0C1'}, //柱图高亮渐变色
{offset: 1, color: '#06B5D7'} //柱图高亮渐变色
]
)
}
},
}]
以上是关于echarts 柱状图颜色渐变效果的主要内容，如果未能解决你的问题，请参考以下文章