highchart无法添加系列

时间:2013-03-18 19:01:23

标签: javascript highcharts

使用HighChart,我正在尝试添加数据系列,但它似乎不起作用。

我收到了错误消息。 "Uncaught TypeError: Cannot call method 'addSeries' of undefined"

<!DOCTYPE HTML> 
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script src="http://code.highcharts.com/highcharts.js" type="text/javascript"></script>
<script type="text/javascript">
    var chart;
    $(document).ready(function() {
        chart = new Highcharts.Chart({
            chart: {
                renderTo: 'target_div'
            },
            series: [{
                name: 'Existing',
                data: [0,0,0]
            }]
        });
    });

    chart.addSeries(
      {
       name: 'Test',
       data: [1,2,3]
      }
    )
</script>
</head>
<body>
  <div id='target_div'>
</body>
</html>

有什么明显的东西我不见了吗?


这很有用!

$(chart).ready(function() {
  chart.addSeries(
    {
      name: 'test',
      data: [1,2,3]
    }
  )
});

1 个答案:

答案 0 :(得分:4)

您必须在chart.addSeries内添加$(document).ready

当它被执行时chart不是Highcharts的实例。

Demo