highcharts 如何在折线图上禁用交互动画,但保留工具提示?

w46czmvw  于 2022-11-10  发布在  Highcharts
关注(0)|答案(1)|浏览(204)

我可以摆脱所有的动画与此

plotOptions: {
  series: {
    enableMouseTracking: true

但是我想要工具提示。但是我不想要任何其他鼠标悬停效果。我尝试了以下建议:

plotOptions: {
  series: {
    allowPointSelect: false,
    states: {
      hover: {
        enabled: false
      },
      inactive: {
        enabled: false
      },
      select: {
        enabled: false
     }
    }
  }
},

但它对动画没有影响。如果我将鼠标悬停在一个包含空数据的区域上,我的系列仍然会褪色。

mwyxok5s

mwyxok5s1#

总而言之:

  • styledmode打开时,您需要加载默认的CSS文件,并将以下代码添加到CSS中:
inactive { opacity: 1 }
  • styledmode被禁用时(默认情况下),您不需要添加默认的CSS文件,但要实现这一点,请使用API提供的选项:
plotOptions: {
    series: {
      states: {
        hover: {
          enabled: false
        },
        inactive: {
          enabled: false
        }
      }
    }
  }

相关问题