Echarts柱形图颜色设置
Posted 黑手党老k
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Echarts柱形图颜色设置相关的知识，希望对你有一定的参考价值。
其实给每个数据项配置很简单
只需要在series里面给data数组的每个元素设置itemSytle就可以了
option如下：
option = {
title : {
text: ‘高架排队情况‘
},
tooltip : {
trigger: ‘axis‘
},
xAxis : [
{
type : ‘value‘,
axisLabel : {
formatter: ‘{value} 米‘
}
}
],
yAxis : [
{
type : ‘category‘,
data : [‘未知‘,‘畅通‘,‘拥挤‘,‘堵塞‘]
}
],
series : [
{
type:‘bar‘,
data:[
{
value:200,
itemStyle:{
normal:{color:‘gray‘}
}
},
{
value:300,
itemStyle:{
normal:{color:‘green‘}
}
},
{
value:1500,
itemStyle:{
normal:{color:‘yellow‘}
}
},
{
value:300,
itemStyle:{
normal:{color:‘red‘}
}
}
]
}
]
};
以上是关于Echarts柱形图颜色设置的主要内容，如果未能解决你的问题，请参考以下文章
PHPWordPHPWord生成图表-柱形图 | 设置数值类别展示展示多组数据