Question

我正在尝试使用高图表。我是高级图表的新手，也是jquery的新手。我在线图中尝试加载类别和系列。这是我使用的代码。

<script type="text/javascript">
$(function () {
  function getData(){
      alert('fff');
      $.ajax({
    url:"high_line_data.php",
    type:"POST",    
    success:function(resp){
      chart.series[0].setData(resp);
    }
      });
    }


        chart = new Highcharts.Chart({
            chart: {
        renderTo: 'container',
                type: 'line',
                marginRight: 130,
                marginBottom: 25,
          events: {
               load: getData
          }
            },
            title: {
                text: 'Monthly Average Temperature',
                x: -20 //center
            },
            subtitle: {
                text: 'Source: WorldClimate.com',
                x: -20
            },
            xAxis: {
                categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun',
                    'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
            },
            yAxis: {
                title: {
                    text: 'Temperature (°C)'
                },
                plotLines: [{
                    value: 0,
                    width: 1,
                    color: '#808080'
                }]
            },
            tooltip: {
                valueSuffix: '°C'
            },
            legend: {
                layout: 'vertical',
                align: 'right',
                verticalAlign: 'top',
                x: -10,
                y: 100,
                borderWidth: 0
            },
            series: []
        });
    }); 

        </script>

和php脚本

我正在回应系列结果

name:'Test',
Data : '1,3,4,5'

我该如何解决这个问题。请帮忙。

Answer 1

您应该用数字替换字符串值。很明显，您可以使用JSON格式添加点。

有关从PHP预处理数据的相关文章：http://docs.highcharts.com/#preprocessing

Answer 2

将php的输出从文本解析为数组。 highcharts还接受一个直接的整数数组作为绘制数据的输入。

希望这会有用

在highchart中使用Ajax

2 个答案: