高图:仅显示区域范围类型的系列中的1个标记

时间:2018-12-07 04:46:22

标签: javascript css highcharts

因此,此处的目标是在此处隐藏2个标记之一。如果可能的话,可以通过一系列配置或通过添加带有display:none

的类

enter image description here

或者通过高价图表可能吗?有想法吗?

1 个答案:

答案 0 :(得分:1)

https://jsfiddle.net/blaird/7j4a2rLo/1/

我使用以下CSS隐藏了底部标记

#container .highcharts-markers.highcharts-tracker.highcharts-series-hover path:nth-child(2) {
  visibility:hidden
}

如果要隐藏顶部标记,请使用nth-child(1)

我确实必须关闭光晕效果才能完成这项工作,因为光晕是通过两个标记的一条路径完成的。要关闭光环,请使用:

    plotOptions: {
      series: {
          states: {
              hover: {
                  halo: false
              }
          }
        }
    },

如果您继续使用光环,它将成为.highcharts-series-hover <g>中的第一条路径,因此您必须调整nth-child