浮动图表不是从ajax数据中提取的

时间:2016-05-04 09:11:43

标签: javascript jquery ajax flot

我正在尝试使用一些Ajax数据绘制一个flot图表,当我console.log时,它会如下所示:

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

但是当我将它用作flot chart中的数据时,图表是空白的,而如果我对它进行硬编码则会运行得很好。

我的代码是:

$.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);
});

任何帮助将不胜感激。

由于

1 个答案:

答案 0 :(得分:1)

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

JSON.parse(d);