angularjs - Highcharts 在悬停时有条件地禁用标记

Question

highcharts 的新手 - 我有一个图表，我在系列上禁用了标记

plotOptions: {
    series: {
        marker: {
            enabled: false
        }
    }
},

这非常适合绘制线条，但是，当我将鼠标悬停在图表上时，标记就在那里。这是很好，但是，如果 xAxis 上的 y 值为 0(空)，我不希望标记存在，但我确实想要它们，当 y 值在 xAxis 上大于 1。

我之前可以通过将 y 值设置为 null 来做到这一点，禁用该系列的悬停，但该系列中存在的空值 - 绘制为堆叠区域样条图会导致样条绘制不当(在系列中使用 connectNulls: true 选项时没有样条曲线、锯齿状边缘。

那么我如何和/或可以根据 x 轴上的 y 值有条件地禁用悬停时的标记？

我一直在研究包装 highcharts 原型(prototype)，我已经在这样做来控制一些十字准线行为 drawCrosshair():https://www.highcharts.com/docs/extending-highcharts/extending-highcharts但我似乎找不到任何控制该级别标记绘制的东西

Answer 1

一个非常静态的方法是用 0 的 Y 值简单地处理每个点。然后您可以禁用其中每一个的悬停标记。一个这样的点看起来像这样(JSFiddle demo):

{
  y:0, 
  marker:{
    states:{
      hover:{
        enabled:false
      }
    }
  }
}

并在系列中使用:

series: [{
  marker: {
    enabled: false
  },
  data: [3, {y:0, marker:{states:{hover:{enabled:false}}}}, 3, 5, 1, 2, 12]
}]

如您所见，它并不漂亮，但可能会帮助那些需要临时解决方案的人。