高图表 JSON 数据点

highchart json data points

本文关键字:数据 JSON 高图表      更新时间:2023-09-26

我正在为这个而伤脑筋。

我有一个包含 Json 数据的高图表。 现在想将 Json 数据分成 2 个数据点。

json data;
[1340283205000,5,32]
Explanation
time, number, number

当前图表适用于时间、数字。现在我添加了另一个数据点,但道琼斯不起作用。

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
            }]
        });     
    });

有人可以指出我解决问题的正确方向吗:)

提前感谢

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

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