Javascript Highcharts:仅显示arearange系列类型中的一个标记

Javascript Highcharts:仅显示arearange系列类型中的一个标记,javascript,css,highcharts,Javascript,Css,Highcharts,这里的目标是隐藏两个标记中的一个。如果可能,通过系列配置或添加带有display:none 或者,这是可能的,虽然高图表?想法? 我使用下面的CSS隐藏了底部标记 #container .highcharts-markers.highcharts-tracker.highcharts-series-hover path:nth-child(2) { visibility:hidden } 如果要隐藏顶部标记,请使用第n个子项(1) 我确实必须关闭光晕效果才能进行此操作,因为光晕是通过两个

这里的目标是隐藏两个标记中的一个。如果可能,通过系列配置或添加带有
display:none

或者,这是可能的,虽然高图表?想法?

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

#container .highcharts-markers.highcharts-tracker.highcharts-series-hover path:nth-child(2) {
  visibility:hidden
}
如果要隐藏顶部标记,请使用第n个子项(1)

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

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

如果您将光环保持打开状态,它将是.highcharts系列悬停的第一条路径
,因此您必须调整第n个子对象

为什么要隐藏一个标记?有单独的工具提示吗?恐怕不能使用
arearange series
类型,因为这实际上是一个点,具有两个属性low和high(两个标记)。因此,工具提示显示为一个点和两个值。一种解决方法是使用虚拟的
线
序列生成标记,并禁用
区域范围
序列上的标记