Javascript HighChart系列中的自定义符号
我在我的网页中有一个部分,其中我显示了一个Javascript HighChart系列中的自定义符号,javascript,highcharts,Javascript,Highcharts,我在我的网页中有一个部分,其中我显示了一个HighChart图形,如下所示: Highcharts.chart('container', { chart: { type: 'line' }, title: { text: 'Monthly Average Temperature' }, subtitle: { text: 'Source: WorldClimate.com' }, xAxis:
HighChart
图形,如下所示:
Highcharts.chart('container', {
chart: {
type: 'line'
},
title: {
text: 'Monthly Average Temperature'
},
subtitle: {
text: 'Source: WorldClimate.com'
},
xAxis: {
categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
},
yAxis: {
title: {
text: 'Temperature (°C)'
}
},
plotOptions: {
line: {
dataLabels: {
enabled: true
},
enableMouseTracking: true
}
},
series: [{
name: 'London',
data: [3.9, 4.2, 5.7, 8.5, 11.9, 15.2, 17.0, 16.6, 14.2, 10.3, 6.6, 4.8]
}]
});
我们可以看到点显示为数字
。
我希望用字符串
替换数字,例如'3.9%,'4.2%等等
当我将上述代码中的数据数组更改为包含“%”符号时,图表不会呈现。我猜HighCharts.js
只允许绘制数字
'3.9%'、'4.2%'的自定义表示法如何使用。。等等,在图表中会显示出来吗
请专家们帮忙
谢谢您可以使用具有良好格式的,如格式:“{point.y}%”
非常感谢。它很好用。我需要详细研究HighCharts API。
series: [{
name: 'London',
data: [3.9, 4.2, 5.7, 8.5, 11.9, 15.2, 17.0, 16.6, 14.2, 10.3, 6.6, 4.8],
dataLabels: {
enabled: true,
format: "{point.y} %"
}
}]