Highcharts - 显示工具提示时更改图表的不透明度

1 回答

• 1

  在图表的情况下，您可以使用point mouseOver和mouseOut事件回调函数 . 在此活动中，您可以更新特定点的颜色 . http://api.highcharts.com/highcharts#plotOptions.area.point.events.mouseOver http://api.highcharts.com/highcharts#plotOptions.area.point.events.mouseOut

  如果您将使用rgba颜色，则可以设置不透明度 .

  point: {
      events: {
        mouseOver: function() {
          Highcharts.each(this.series.data, function(p, i) {
            p.update({
              color: 'rgba(50,120,60,0.5)'
            }, false)
          });
          this.update({
            color: 'rgba(50,120,60,1)'
          });
        },
        mouseOut: function() {
          Highcharts.each(this.series.data, function(p, i) {
            p.update({
              color: 'rgba(50,120,60,1)'
            }, false)
          });
          this.series.chart.redraw();
        },
      }
    }
  

  在这里，您可以看到它如何工作的示例：http://jsfiddle.net/4q10q8r1/

  亲切的问候 .

  回复于 2024-04-24T14:57:48+08:00