6

在花了几个小时试图弄清楚如何将 JSON 字符串处理成 javascript 数组之后，我试图用 highcharts 绘制一个饼图。这就是我所拥有的

gateway_useage: function(usage_data) {
        var options = {
            chart: {
                renderTo:'gateway-usage',
                plotBackgroundColor: null,
                plotBorderWidth: null,
                plotShadow: false
            },
            title: { text: 'Gateway Usage' },
            tooltip: {
                pointFormat: '{series.name}: <b>{point.percentage}%</b>',
                percentageDecimals: 1
            },
            plotOptions: {
                pie: {
                    allowPointSelect: true,
                    cursor: 'pointer',
                    dataLabels: {
                        enabled: true,
                        color: '#000000',
                        connectorColor: '#000000',
                        formatter: function() {
                            return '<b>'+ this.point.name +'</b>: '+ this.percentage +' %';
                        }
                    },
                    showInLegend: true
                }
            },
            series: [{
                type: 'pie',
                name: 'Usage',
            }]
        }

        var serie1 = usage_data.map( function(e) {
            return [e.gateway, e.val];
        });
        options.series.push({data: serie1});

        var chart = new Highcharts.Chart(options);

    }

加载页面并检查错误控制台后显示“Uncaught Highcharts error #14: www.highcharts.com/errors/14”。做错了什么，请帮帮我

4

1 回答 1

19

Highcharts 错误 #14清楚地说

发送到 series.data 的字符串值，如果您将字符串作为数据点传递，则预期会发生此数字

数据点是 yValue，如果你serie.data的形式是

[y1,y2,y2]

或者

[[x1,y1],[x2,y2],[x3,y3]]

或者

[
{ x : x1 ,y : y1 },
{ x : x2 ,y : y2 },
{ x : x3 ,y : y3 }
]

在上述任何一种形式中，存储在 & 中的数据类型y1应该y2是y3数字。您可以在javascript中简单地使用parseFloat()or来实现这一点parseInt()

var serie1 = usage_data.map( function(e) {
            return [e.gateway, parseFloat(e.val)];
});

或者在你正在使用的服务器技术中进行
（PHP 4 >= 4.2.0, PHP 5）floatval()可以使用

$float_value_of_var = floatval("123.456");
于 2012-09-19T06:43:56.643 回答