Question

在面积图中，当我将鼠标悬停在图例上时，可以看到该系列绘图区域上的某些（低不透明度）效果吗？如何在将鼠标悬停在图例上时禁用低透明度系列状态？

   chart: {
    height: 450,
    type: 'area'
  },
  title: {
    text: ''
  },

工具提示：{ 共用：假，分割：假， xDateFormat：'％b％d，％Y％H：％M'， value小数：1 }，出口：{ 启用：false }，导航器：{ 已启用：false， }， xAxis：{ 类型：“ datetime” }

Answer 1

您可能使用styled mode，因为标准选项http://jsfiddle.net/BlackLabel/z7j6rsa3/不会出现此功能

要禁用悬停效果，只需覆盖opacity CSS样式：

.highcharts-legend-series-active g.highcharts-series:not(.highcharts-series-hover),
.highcharts-legend-point-active .highcharts-point:not(.highcharts-point-hover),
.highcharts-legend-series-active .highcharts-markers:not(.highcharts-series-hover),
.highcharts-legend-series-active .highcharts-data-labels:not(.highcharts-series-hover) {
  opacity: 1;
}

实时演示：http://jsfiddle.net/BlackLabel/ozxq05fn/

Answer 2

您可以这样做 - 更改“1”的不透明度。

plotOptions: {
    series: {
        states: {
            inactive: {
                opacity: 1
            }
        }
    }
}

Example CodePen

如何将鼠标悬停在高图中的图例上以禁用系列低不透明度状态？

2 个答案: