调用json数据的Highcharts
我试图将json数据调用到high charts。我只有一个系列..这是新手。。有没有人能帮我确定我是否正确调用了json文件。请帮助:( 在highcharts中调用json的代码调用json数据的Highcharts,json,highcharts,Json,Highcharts,我试图将json数据调用到high charts。我只有一个系列..这是新手。。有没有人能帮我确定我是否正确调用了json文件。请帮助:( 在highcharts中调用json的代码 <script> var chart; $(document).ready(function () { chart = new Highcharts.Chart({ chart: { renderTo: 'containe
<script>
var chart;
$(document).ready(function ()
{
chart = new Highcharts.Chart({
chart: {
renderTo: 'container1',
type: 'area'
},
yAxis: {
type: 'double',
min: 0
},
xAxis: {
type: 'datetime',
labels: {
formatter: function () {
return Highcharts.dateFormat('%b %y', this.value);
},
dateTimeLabelFormats: {
month: '%b \'%y',
year: '%Y'
}
}
},
series: [{
name: 'Total Views',
data: []
}, ]
});
chart.series[0].setData(
});
</script>
<script>
$.getJSON('data.php', function(data)
{
chart.series[0].append(data);
}
</script>
<div id="container1" style="min-width: 400px; height: 400px; margin: 0 auto"></div>
</body>
</html>
var图;
$(文档).ready(函数()
{
图表=新的高点图表。图表({
图表:{
renderTo:'container1',
类型:“区域”
},
亚克斯:{
类型:'double',
最低:0
},
xAxis:{
键入:“日期时间”,
标签:{
格式化程序:函数(){
返回Highcharts.dateFormat(“%b%y”,此.value);
},
日期时间标签格式:{
月份:'%b\'%y',
年份:'%Y'
}
}
},
系列:[{
名称:'总视图',
数据:[]
}, ]
});
chart.series[0]。setData(
});
$.getJSON('data.php',函数(数据)
{
chart.series[0]。追加(数据);
}
您希望在getJSON成功函数中创建图表
$.getJSON('data.php', function (data) {
chart = new Highcharts.Chart({
chart: {
renderTo: 'container1',
type: 'area'
},
yAxis: {
type: 'double',
min: 0
},
xAxis: {
type: 'datetime',
labels: {
formatter: function () {
return Highcharts.dateFormat('%b %y', this.value);
},
dateTimeLabelFormats: {
month: '%b \'%y',
year: '%Y'
}
}
},
series: [{
name: 'Total Views',
data: data
}, ]
});
});
下面是一个非常简单的教程,介绍如何将JSON与Highcharts结合使用