新手求答 Echarts pictorialBar 电池风格 如何改变最后一个格子的颜色


var _axisStyle = {
  textStyle: {
    color: "#DFFCFF",
  },
  fontSize: 20,
};
var _tooltip_style = {
  backgroundColor: "#ffffff33",
  fontSize: 28.68,
  color: "#fff",
};
var data = [1.2, 2.5, 5]
var max_value = 5;
option = {
  grid: {
    left: "180px",
    top: "10px",
    bottom: "40px",
  },
  tooltip: {
    trigger: "axis",
    confine: true,
    axisPointer: {
      type: "shadow",
    },
    backgroundColor: _tooltip_style.backgroundColor,
    textStyle: {
      color: _tooltip_style.color,
      fontSize: _tooltip_style.fontSize,
    },
  },
  xAxis: {
    type: "value",
    axisTick: {
      show: false,
    },
    axisLine: {
      show: false,
    },
    splitLine: {
      show: false,
    },
    axisLabel: _axisStyle,
  },
  yAxis: {
    type: "category",
    axisTick: {
      show: false,
    },
    axisLine: {
      show: false,
    },
    axisLabel: _axisStyle,
    inverse: true,
    data: [],
  },
  series: [
    {
      type: "pictorialBar",
      symbolRepeat: "fixed",
      symbolMargin: 4,
      symbol: "rect",
      symbolClip: true,
      symbolSize: [31, 14],
      data:data,
      z: 2,
      itemStyle: {
        normal: {
          color: 'blue',
        },
      },
    },
  ],
};

 

因为数值问题,最后一个格子的width是不固定的

你好,我是有问必答小助手,非常抱歉,本次您提出的有问必答问题,技术专家团超时未为您做出解答

本次提问扣除的有问必答次数,将会以问答VIP体验卡(1次有问必答机会、商城购买实体图书享受95折优惠)的形式为您补发到账户。

​​​​因为有问必答VIP体验卡有效期仅有1天,您在需要使用的时候【私信】联系我,我会为您补发。