[英]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.