情景:需要给柱状图的数据加个比较强烈的对比
如图
思路是给加上两条最大最小的markline,并根据具体数值大小来改变线的颜色
js控制方法
var colorList = [];
if(_seriesData[0]>_seriesData[1]){
colorList = ['#00D8CD','#FA8565'];
}else{
colorList = ['#FA8565','#00D8CD'];
}
_curOption.series[0].markLine.itemStyle.normal.color = function(params) {
return colorList[params.dataIndex]
};//为markline设置颜色
bar.js
option = {
tooltip : {
formatter: "{c}" // 显示延迟,添加显示延迟可以避免频繁切换,单位ms
},
xAxis : [
{
type : 'category'