highchart json数据点

时间:2012-06-21 13:00:11

标签: javascript json highcharts datapoint

我正在打破这个。

我有Json数据的高图。现在想将Json数据拆分为2个数据点。

json data;
[1340283205000,5,32]

Explanation
time, number, number

当前图表与时间,数字一起使用。现在我添加了另一个数据点,但是dows不起作用。

function requestData() {
        $.ajax({
            url: 'php/hits_json.php', 
            success: function(point) {
                var series = chart1.series[0],
shift = series.data.length > 20; // shift if      the series is longer than 20

                // add the point
                chart1.series[0].addPoint(eval(point), true, shift);

                // call it again after one second
                setTimeout(requestData, 5000);  
            },
            cache: false
        });
    }

    $(document).ready(function() {
        window.chart1 = new Highcharts.Chart({
            chart: {
                renderTo: 'container',
                defaultSeriesType: 'areaspline',
                events: {
                    load: requestData
                }
            },
            title: {
                text: 'Hits per 5 sec'
            },
            xAxis: {
                type: 'datetime',
                tickPixelInterval: 100,
                maxZoom: 10 * 10000
            },
            yAxis: {
                min: 0,
                minPadding: 0.25,
                maxPadding: 0.1,
                title: {
                    text: 'Hits',
                    margin: 40
                }
            },
    plotOptions: {
                series: {
                    dataLabels: {
                        enabled: true
                            },
                    marker: {
                        enabled: true
                            },
                        }
                    },
        credits: {
                enabled: false
                    },
            series: 

            [{
                name: 'Hits',

                data: [0],lineWidth: 1
            },{
                        name: 'Requests',
                        data: [0],lineWidth: 1
            }]
        });     
    });

有人能指出我正确的方向来解决我的问题:)

Thnx提前

1 个答案:

答案 0 :(得分:2)

您的json中没有标记数据。因此前两个值被视为x和y,第三个被忽略。要正确格式化数据,请执行以下操作:

var json = [
{
  "x":1340283205000,
  "y":5
}, 
{
  "x":1340283205000,
  "y":32
}];