Question

我需要在mouseOver事件上更改dataLabel颜色。可能吗？提前谢谢。

Answer 1

您可以使用此功能并尝试在鼠标悬停时更改颜色。

来源：http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/plotoptions/series-point-events-mouseover/

http://api.highcharts.com/highcharts#plotOptions.series.enableMouseTracking

user_attr = {
  username: 'mascaliente', addresses_attributes: [
    { line_one: 'Line1', city: 'City1',state: 'State1', zip: 'Zip1' },
    { line_one: 'Line2', city: 'City2',state: 'State2', zip: 'Zip2' }
  ]
}
user = User.create(user_attr)

Answer 2

您可以迭代每个数据标签并捕获mouseover / mouseout操作。然后调用css（）并设置颜色。

        $.each(chart.series[0].points, function(i,point){
            this.dataLabel.on('mouseover',function(){
                point.dataLabel.css({
                    color: 'red'
                });
            }).on('mouseout',function(){
                point.dataLabel.css({
                    color: 'black'
                });
            });
        });

示例：http://jsfiddle.net/Utx8g/377/

HighCharts Bubble dataLabels颜色

2 个答案: