HighChart系列中的自定义表示法

时间:2017-03-06 13:58:49

标签: javascript highcharts

我的网页中有一个部分,其中显示了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]
    }]
});

enter image description here

我们可以看到这些点显示为numbers。 我希望将数字替换为strings,例如'3.9%','4.2%' ..等等。

当我更改上述代码中的数据array以包含'%'符号时,图表不会呈现。我猜HighCharts.js只允许绘制数字。

如何在图表中显示'3.9%','4.2%'等的自定义符号?

专家请帮忙。

由于

1 个答案:

答案 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} %"