如何在带有角模式的高图表中在进度栏中应用颜色渐变

Question

我正在寻找一种解决方案，可以根据获取的数据将渐变颜色应用于进度栏，但这里的事情是我在这里使用了styleMode:true，现在我尝试创建类，但是创建了动态CSS类，并且似乎无法在此处将其附加到对象，因此正在寻找可能的解决方案，在该解决方案中我将渐变颜色方案应用于进度条]

在代码的早期，我一直在使用这样的东西：

currentObj.color = this.highchartUtil.getColorPerLegend(duration,isDelay);

//function
getColorPerLegend(pertPoint){
  let colorObject = {
    linearGradient:{x:0,x2:1,y:0},
    stops:[]
  };
    colorObject.stops=[[pertPoint,green],
    [pertPoint,orange],
    [1,orange]];
    return colorObject;

  }
}

此代码在禁用styleMode之前工作正常。现在，由于某种原因我不得不启用它，因此我正在寻找可能的方法来应用渐变颜色。有什么建议吗？

Answer 1

您可以在。highcharts-partfill-overlay的CSS中设置此栏的填充。

.highcharts-partfill-overlay {
  fill: red;
}

演示：https://jsfiddle.net/BlackLabel/n75coyu8/

让此解决方案适合您。