javascript - Highcharts 中区域中的空值

Question

我有带有区域的图表。当前，如果有空值，则该空值会显示在工具提示中，并带有之前点的区域颜色。我希望空值始终是黑色。

例如，

图 1 中的工具提示包含所有正确信息……但“强度：空”有一个绿点。我想让这个点变黑，因为它是一个空值。

有可能做到这一点吗？非常感谢。

https://codepen.io/austeng/pen/gOppRWY

zones: [
  {
    value: 0.3,
    color: "green"
  },
  {
    value: 0.5,
    color: "black",
  },
  {
    color: "red"
  }
]

标签： javascripthighcharts

Answer 1

我通过定义这样的色点添加了这个功能：

let color = point.y === null ? 'black' : point.color

并在结果中使用此颜色变量：

  result +=
    '<span style="color:' +
    color +
    '">●&lt;/span> ' +
    point.series.name +
    ": <b>" +
    point.y +
    "</b><br/>";

演示：https ://jsfiddle.net/BlackLabel/7x1oc2pw/

你是这么想的吗？