使用逗号值作为PieChart中的数据点

时间:2017-10-16 11:54:27

标签: javascript jquery highcharts

我正在使用HighCharts,我希望能够使用逗号值作为数据输入。 Highcharts的标准方法是使用例如以下数据点创建一个饼图:

data: [{
            name: 'Microsoft Internet Explorer',
            y: 0.1
        }, {
            name: 'Chrome',
            y: 0.5
        }]

通过外部源我检索我的数据(荷兰语注释而不是US-us),如下所示:

data: [{
            name: 'Microsoft Internet Explorer',
            y: 0,1
        }, {
            name: 'Chrome',
            y: 0,5
        }]

这不会起作用,因为Highcharts无法处理这个因为它将y点作为两个值进行交互。

有没有人知道如何使用逗号作为数据输入点使用格式化程序?

有关演示,请参阅此JSFIDDLE

2 个答案:

答案 0 :(得分:1)

您可以使用替换将逗号值替换为点值并将其解析为float:

y: parseFloat(('1,5').replace(/\,/g, '.'))

http://jsfiddle.net/y30ktm2a/

答案 1 :(得分:1)

您好我不确定您的目标是什么,如果您希望在初始化图表之前看到工具提示而不是您在代码下面设置,您可以找到Internationalization

Highcharts.setOptions({
lang: {
    decimalPoint: ','
}
});

编辑工作代码

Highcharts.setOptions({
lang: {
    decimalPoint: ','
}
});
Highcharts.chart('container', {
chart: {
    plotBackgroundColor: null,
    plotBorderWidth: null,
    plotShadow: false,
    type: 'pie'
},
title: {
    text: 'Browser market shares January, 2015 to May, 2015'
},
series: [{
    name: 'Brands',        
    data: [{
        name: 'Microsoft Internet Explorer',
        y: parseFloat(('1,5').replace(/\,/g, '.'))
    }, {
        name: 'Chrome',
        y: parseFloat(('4').replace(/\,/g, '.'))
    }]
}]
});