Javascript 在chart.js(highcharts)中添加标签和悬停状态颜色

Javascript 在chart.js(highcharts)中添加标签和悬停状态颜色,javascript,jquery,highcharts,Javascript,Jquery,Highcharts,我正在寻找一种方法来添加标签到我的部分,白色文本标签理想的选择器,以便我可以改变他们的需要。我试图改变每个部分的悬停状态,只是在悬停时显示不同的颜色。为所有的指点干杯,下面是我的实现,似乎chart.js有这么多 Highcharts.setOptions({ colors: ['#d92029', '#a51d2d', '#7f1419', '#24CBE5', '#64E572', '#FF9655', '#FFF263', '#6AF9C4'] });

我正在寻找一种方法来添加标签到我的部分,白色文本标签理想的选择器,以便我可以改变他们的需要。我试图改变每个部分的悬停状态,只是在悬停时显示不同的颜色。为所有的指点干杯,下面是我的实现,似乎chart.js有这么多

Highcharts.setOptions({
     colors: ['#d92029', '#a51d2d', '#7f1419', '#24CBE5', '#64E572', '#FF9655', '#FFF263',      '#6AF9C4']
    });

    H.wrap(H.Series.prototype, 'animate', deferAnimate);
    H.wrap(H.seriesTypes.column.prototype, 'animate', deferAnimate);
    H.wrap(H.seriesTypes.pie.prototype, 'animate', deferAnimate);    
}(Highcharts));
$('#container2').highcharts({
    chart: {
        type: 'pie'
    },
    xAxis: {
        type: 'category'
    },
    series: [{
        innerSize: '30%',
        data: [
            ['Shop', 10], 
            ['Buy', 10], 
            ['Own', 10], 
        ]
    }]
});
您是否尝试过使用和捕获鼠标覆盖/移出事件

var text = chart.renderer.text(
        'Max', 100, 100).attr({
        zIndex: 5
    }).add();

    text.on('mouseover', function () {
        text.css({color:'red'});
    }).on('mouseout', function () {
        text.css({color:'black'});
    });

示例:

这不就是开箱即用的工具提示吗?您能解释一下您的意思吗/