echarts 为柱状图添加数值线

情景:需要给柱状图的数据加个比较强烈的对比

如图

思路是给加上两条最大最小的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'
  • 2
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值