javascript - Highcharts 返回错误 14

Question

在花费数小时试图弄清楚如何将 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”。做错了什么，请帮帮我

Answer 1

Highcharts Error #14 清楚地说

String value sent to series.data, expected Number his happens if you pass in a string as a data point

数据点是 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() 或 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");