簡體   English   中英

需要一些有關Highcharts JSON格式的指針

[英]Need some pointers regarding JSON formatting for Highcharts

我有以下要用於海圖圖表的JSON。 當前,盡管在圖例中確實看到了所有四個“問題”,但在圖表(數據)中我什么也沒得到輸出。

    [
    {
        "name": "Question 1",
        "data": [
            "1391981824000, 2",
            "1391981874000, 2",
            "1391981966000, 4",
            "1391982000000, 1"
        ]
    },
    {
        "name": "Question 2",
        "data": [
            "1391981830000, 3",
            "1391981878000, 4",
            "1391981971000, 2",
            "1391982005000, 2"
        ]
    },
    {
        "name": "Question 3",
        "data": [
            "1391981837000, 1",
            "1391981885000, 1",
            "1391981977000, 1",
            "1391982010000, 3"
        ]
    },
    {
        "name": "Question 4",
        "data": [
            "1391981842000, 4",
            "1391981898000, 3",
            "1391981982000, 3",
            "1391982015000, 4"
        ]
    }
]

圖表的JavaScript:

$(function () {
    var chart;

    $(document).ready(function() {
        $.getJSON("mysql/getChartData.php?sd=2012-02-09%2015:36:42&ed=2016-02-09%2016:37:39", function(json) {

            chart = new Highcharts.Chart({
                chart: {
                    renderTo: 'custom-range-line',
                    type: 'line'
                },
                xAxis: {
                    type: 'datetime'
                },
                title: {
                    text: 'Custom Date Range',
                    x: -20
                },
                subtitle: {
                    text: '',
                    x: -20
                },
                yAxis: {
                    title: {
                        text: 'Number of Ratings'
                    }
                },
                tooltip: {
                    formatter: function() {
                            return '<b>'+ this.series.name +'</b><br/>'+
                            this.x +': '+ this.y;
                    }
                },
                legend: {
                    layout: 'vertical',
                    align: 'right',
                    verticalAlign: 'top',
                    x: -10,
                    y: 100,
                    borderWidth: 2
                },
                series: json
            });
        });

    });

});

我做錯了/為什么不行? 我已經找到了很多有關如何執行此操作的示例,但並沒有我所需要的那樣。 讓我知道是否還有其他可以顯示的內容。

您的數據必須是一個元組數組,如下所示:對於UNIX時間戳記,它們必須是數字,當前您將它們作為字符串。 看起來您已經正確地乘以UNIX時間戳* 1000,以便在JavaScript中工作。 請確保options.data的值是一個數組,以便可以向其添加更多集合。 首先嘗試一下,然后逐漸增加它,這樣您就可以習慣HighCharts API。

 var options = {
    "data": {[
        [1391981824000, 2],
        [1391981874000, 2],
        [1391981966000, 4],
        [1391982000000, 3],
     ]}
 }

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM