关于echarts line堆积折线图的itemStyle的回调函数只改掉了折点样式,不修改线条样式问题,如何保证线条与拐点的颜色一致

解决前:

在这里插入图片描述

解决后:

在这里插入图片描述

实现方法

注释color回调函数,利用lineStyle和itemStyle的自带的color设置color,


```javascript
 barLineChartData.yData.forEach((seriesItem, seriesIndex) => {
          const _color = getColor(seriesIndex);
          console.log("_color", _color);
          option.series.push({
            name: seriesItem.name,
            data: seriesItem.data,
            type: "line",
            stack: "总量",
            barGap: "5%",
            barMinHeight: 4,
            lineStyle: {
              //自定义折线
              color: _color //自定义折线颜色
            },
            itemStyle: {
              barBorderRadius: 0
             //注释color回调函数,利用lineStyle的自带的color设置color,color先设置,分别赋值给lineStyle和itemStyle
             color:_color,
              //color: function(params) {
                //console.log("params", params);
                //if (seriesIndex < 6) {
                 // return PAR_COLOR[seriesIndex];
                //} else {
                 // return PAR_COLOR[seriesIndex % 6];
                //}
              //}
            }
          });
        });

  • 11
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值