从 MySQL JSON 输出渲染 Highchart 时遇到问题

Question

我在将 json 数据从表加载到 highchart.js 列类型时遇到问题。我尝试将 JSON 加载到 JavaScript 对象并像这样访问它们：y: chartvals.projects 但我收到了以下错误消息：

未捕获的 Highcharts 错误 #14：www.highcharts.com/errors/14

我拥有的是这个 ajax 调用和 highchart sn-p：

var req2 = $.ajax({
    type: "POST",
    data: data,
    dataType: 'json',
    url: "assets/tempchart.php"
});
req2.done(function(data) {
    var chartvals = data;
    $('#chart1').highcharts({
        chart: {
            type: 'column'
        },
        credits: {
            enabled: false
        },
        title: {
            text: 'Economy Model',
            style: {
                color: '#5882FA',
                fontWeight: 'normal',
                fontSize: '11',
                marginBottom: '30'
            }
        },
        xAxis: {
            categories: ['Total Projects']
        },
        yAxis: {
            tickInterval: 50,
            max: 800
        },
        legend: {
            enabled: false
        },
        tooltip: {
            formatter: function() {
                return this.x +
                        ' is <b>' + this.y + '</b>';
            }
        },
        series: [{
                data: [{
                        name: 'Point 1',
                        color: '#00FF00',
                        y: chartvals.projects
                    }]
            }]
    });
});

你能告诉我如何解决这个问题吗？谢谢

更新

这是响应 JSON

{"project":"8","powerline":"188.396496","road":"7.876766","cost":"69885005.45"}

Answer 1

当字符串值被发送到 series.data 时会出现此错误，但它需要数字。 如果您将字符串作为数据点传入，就会发生这种情况。

HightCharts Error # 14

Highcharts 期望数据值是数字。最常见的原因是数据是从 CSV 或 XML 源解析的，而实现者忘记对解析的值运行 parseFloat。

出于性能原因，不执行内部类型转换，只检查第一个值（从 2.3 开始）。