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