Question

我只想通过函数调用更改highcharts中的数据系列。但似乎我无法访问它。我得到了＃34;系列＆＃34;未定义。我还试图使用类似“按钮 - 点击”的类似内容。方法（http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/members/series-addpoint-append/）失败。

非常感谢任何帮助 BR克里斯蒂安

var mainchart;
function addGraphData(a) {
  mainchart.series[0].addPoint(a);
}
$(function () { 
  $('#container').highcharts({
    chart: {
      defaultSeriesType: 'line',
      events: {
        load : function () {
          mainchart = this; // `this` is the reference to the chart
        }
      }
    },
    title: {
      text: 'Kobber (KJ-040)'
    },
    xAxis: {
        text: 'Dato'
    },
    yAxis: {
        title: {
        text: 'Resultater'
        }
    },
    series: [{
      //name: 'Metall data',
      data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
    }]
  });
})

＆＃13;

$(function () {
    $('#container').highcharts({

        series: [{
            data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
        }]

    });


    // the button action
    var i = 0;
    $('#button').click(function () {
        var chart = $('#container').highcharts();
        chart.series[0].addPoint(50 * (i % 3));
        i += 1;
    });
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="http://code.highcharts.com/highcharts.js"></script>

<div id="container" style="height: 400px"></div>
<button id="button" class="autocompare">Add point</button>

＆＃13;

Answer 1

我认为你不是在调用你定义的函数。我拿了你的代码，并制作了一个JSFiddle，它的工作原理。我只是补充道：

 $('#button').click(function () {        
    addGraphData(Math.random()*100);
});

在此处查看有效的JSFiddle：http://jsfiddle.net/Lfnbapn7/2/

Highchart，使用参数从函数调用编辑数据

1 个答案: