图表不是根据 ajax 数据绘制的

Question

我正在尝试使用一些 Ajax 数据绘制图表，当我 console.log 它时如下所示：

[{ label:"series1",
          data : [[1459555200000,200],[1459987200000,440]],last:true}]

但是当我将它用作浮动图表中的数据时，图表是空白的，而如果我对其进行硬编码，它运行良好。

我的代码是：

$.get('chartgadmin.php',
    function (d) {
    console.log(d); 
        var data = [d];
        var labelColor = chart.css('color');
        var options = {
            colors: chart.data('color').split(','),
            series: {
                shadowSize: 0,
                lines: {
                    show: true,
                    lineWidth: false,
                    fill: true
                },
                curvedLines: {
                    apply: true,
                    active: true,
                    monotonicFit: false
               }
            },
            legend: {
                container: $('#flot-visitors-legend')
            },
            xaxis: {
                mode: "time",
                timeformat: "%d %b",
                font: {color: labelColor}
            },
            yaxis: {
                font: {color: labelColor}
            },
            grid: {
                borderWidth: 0,
                color: labelColor,
                hoverable: true
            }
        };
        chart.width('100%');
        // Create chart
        var plot = $.plot(chart, data, options);
});

如有任何帮助，我们将不胜感激。

谢谢

Answer 1

您似乎没有以图表可读格式解析您的参数 " d " ，因此无论何时传递硬编码数据，它都可以正常工作，但您直接传递的对象将通过图表数据源获取，因此您必须使用，

JSON.parse(d);

图表不是根据 ajax 数据绘制的

flot chart not drawing from ajax data

javascript

jquery

ajax

flot