高图表数据导入 JSON - 格式
Highcharts data import JSON - formatting
我正在尝试获取一些数据以使用Highcharts渲染散点图。下面是一个数据示例。
{ "results": [ [ "2013-04-14 10:00", -1 ],
[ "2013-04-14 11:48", 0 ],
[ "2013-04-14 14:45", -1 ],
[ "2013-04-14 18:02", -1 ],
[ "2013-04-14 18:45", -1 ],
[ "2013-04-14 19:57", -1 ],
[ "2013-04-14 22:19", 0 ],
[ "2013-04-14 23:00", 0 ],
[ "2013-04-14 23:00", -1 ],
[ "2013-04-14 23:00", 0 ],
[ "2013-04-14 23:00", 0 ],
[ "2013-04-14 23:00", 0 ],
[ "2013-04-14 23:00", 0 ],
[ "2013-04-14 23:00", 0 ],
[ "2013-04-14 23:00", 0 ],
[ "2013-04-15 00:18", 0 ],
[ "2013-04-15 00:21", 0 ],
[ "2013-04-15 00:22", 0 ],
[ "2013-04-15 00:24", 1 ],
[ "2013-04-15 04:15", -1 ],
[ "2013-04-15 09:02", -1 ]
]
}
这是 js:
$(document).ready(function() {
var options = {
chart: {
renderTo: 'container',
type: 'scatter',
zoomType: 'xy'
},
title: {
text: 'Sentiment Report by Publish Date'
},
subtitle: {
text: 'Written by Kat Chilton for Oxyme'
},
xAxis: {
title: {
text: 'Publish Date'
},
type: 'datetime'
},
yAxis: {
min: 0,
title: {
text: 'Sentiment',
align: 'high'
},
labels: {
overflow: 'justify'
}
},
plotOptions: {
scatter: {
marker: {
radius: 5,
states: {
hover: {
enabled: true,
lineColor: 'rgb(0,0,0)'
}
}
},
states: {
hover: {
marker: {
enabled: false
}
}
},
allowPointSelect: true,
dashStyle: 'dot',
}
},
legend: {
layout: 'vertical',
align: 'left',
verticalAlign: 'top',
y: 0,
floating: true,
borderWidth: 1,
backgroundColor: ((Highcharts.theme && Highcharts.theme.legendBackgroundColor) || '#FFFFFF'),
shadow: true
},
credits: {
enabled: false
},
series: [{}]
};
$.getJSON('sample.json', function(data) {
options.series[0].data = data;
var chart = new Highcharts.Chart(options);
});
我没有在页面上呈现任何点,但图表确实与标题一起出现,而不是。我认为这是数据格式的问题,但我似乎找不到原因。谁能帮忙?
你需要从data
那里获取results
属性,就像这样
options.series[0].data = data.results;
例
相关文章:
- Json数据包含日期和时间格式
- 将日期时间从json转换为可读格式
- 如何通过数据分组将json数据转换为嵌套的json数据格式
- 在HTML页面上将URL解析为可读的json格式
- 如何在不在本地下载的情况下将url中提供的文件(pdf/doc)转换为json/string/base64格式
- 将JSON对象的表示形式更改为显式键/值格式
- 为DataTables aoColumnDefs创建JavaScript数组(JSON格式)
- 从Particle Photon Webhook到Azure的JSON格式
- JavaScript-HTML表单到JSON(空值)和格式
- json格式的国家数据到层次数据
- 从javascript调用C#Web服务并使用它(json格式)
- HTML表的JSON格式
- 如何将HTML表单(JSON格式)中的数据分配给变量
- 未知格式的Procjess JSON
- 将JSON数据格式化为excel文件
- JSON字符串格式错误
- Neo4j结果(JSON格式)创建D3树图
- 没有获得 json .save 的输出,格式为 pars.html
- 格式JSON日期到JS日期
- 如何在javascript中解析日期时间格式json字符串