Question

我试图替换使用ajax加载的highcharts。显然我正在做的是我会从用户那里获得新值，通过Ajax发送新值，然后返回一个全新的图形（不同的图形类型和不同的数据），所以我正在做的是：

$.ajax({
        type: "POST", 
        url: $("#searchForm").attr( 'action' ),
         data: $("#searchForm").serialize(),
        success: function(response) {   
                    $('#container').highcharts({ response  });
           }
    });

但是，它只会加载一张空白图表。

这是我的高级代码：

    chart: { type: 'bubble', zoomType: 'xy'}, title: { text: 'Day at a Glance' }, tooltip: {}, xAxis:
 {categories:[ 'Delta Air Lines' ]}, yAxis: { title: { text: '# of Crew' } }, series: [{name: '# of 
Passengers', URLs:[ '#'], data: [['1',1,0]], point: { events: {click: function() { var someURL = 
this.series.userOptions.URLs[this.x]; if (someURL) window.open('http://'+someURL); }}} }]

我调用ajax的方式是否有问题或我的highcharts代码有问题？

Answer 1

在回复中你需要得到json，比如

{
    chart:{
    //any options
    },
    series: [{
    data:[1,2,3] //any points
    }]
}

因此，您无法使用highcharts({ response })但highcharts(response)

之类的内容

使用Ajax重新加载HighCharts数据

1 个答案: