我试图让我的工具提示显示我的y价值，而不是他们当前所占的百分比。例如，Yellow将鼠标悬停在上方时，工具提示将显示为22.6%。它应该改为读取91.5黄色吃喝玩乐。
$(function () {
$('#container').highcharts({
chart: {
plotBackgroundColor: null,
plotBorderWidth: null,
plotShadow: false
},
title: { text: 'Skittles By Color' },
subtitle: { text: '15.4 oz (437 g) Bag' },
tooltip: { pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>' },
plotOptions: {
pie: {
allowPointSelect: true,
cursor: 'pointer',
dataLabels: {
enabled: true,
format: '<b>{point.name}</b>: {point.percentage:.1f} %',
style: { color: (Highcharts.theme && Highcharts.theme.contrastTextColor) || 'black' },
connectorColor: 'silver'
}
}
},
series: [{
type: 'pie',
name: 'Color %',
data: [
{ name: 'Green', y: 64, sliced: true, selected: true, color: '#00ff00'},
{ name: 'Purple', y: 71, color: '#660066' },
{ name: 'Red', y: 88.0, color: '#dd0000' },
{ name: 'Orange', y: 91, color: '#ff6600' },
{ name: 'Yellow', y: 91.5, color: '#ffff00' }
]
}]
});
});
您tooltip在代码中看到该部分了吗？这就是您需要更改的内容：
pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
...应该...
pointFormat: '<b>{point.y} skittles</b>'
如此处所示：http : //jsfiddle.net/jpotLvt7/11/。
将来当您遇到此类问题时，建议您在代码中查找是否有与您的问题相关的名称。在这种情况下，找到它并不难。您想要更改工具提示文本，并且tooltip { ... }代码的一部分。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句