我的网页中有一个部分,其中显示了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]
}]
});
我们可以看到这些点显示为numbers
。
我希望将数字替换为strings
,例如'3.9%','4.2%' ..等等。
当我更改上述代码中的数据array
以包含'%'符号时,图表不会呈现。我猜HighCharts.js
只允许绘制数字。
如何在图表中显示'3.9%','4.2%'等的自定义符号?
专家请帮忙。
由于
答案 0 :(得分:1)
您可以使用格式良好的dataLabels option,例如val DF2Exploded1 = DF2.select(DF2("*"), functions.explode(DF2("field5"))
.alias("field5_exploded"))
val DF2Exploded2 = DF2Exploded1.select(DF2Exploded1("*"), functions.explode(DF2Exploded1("field5_exploded.field8"))
.alias("field8_exploded"))
format: "{point.y} %"