问题描述

Echarts如何创建一个根据数值范围不同而颜色不同的柱状图？

Echarts如何创建一个根据数值范围不同而颜色不同的柱状图？

解决方案

参考样例
http://echarts.baidu.com/doc/example/bar1.html
对代码做如下变更
name:'降水量',
type:'bar',
// data:[2.6, 5.9, 9.0, 26.4, 28.7, 70.7, 175.6, 182.2, 48.7, 18.8, 6.0, 2.3],
data:[{
value:30,
itemStyle: {
normal: {
color:'red',
label: {
show: false
},
labelLine: {
show: false
}
} ,
emphasis: {
label: {
show: true,
position: 'outer'
},
labelLine: {
show: true,
lineStyle: {
color: 'red'
}
}
}
}
}, 5.9, 9.0, 26.4, 28.7, 70.7, 175.6, 182.2, 48.7, 18.8, 6.0, 2.3],

解决方案二：

在一个UILabelView中实现不同的字体和颜色