2013-03-18 45 views
1

使用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] 
    } 
) 
}); 

回答

4

您必須添加chart.addSeries$(document).ready

當它執行時chart不是Highcharts的實例。

Demo

+0

有沒有辦法在$(document).ready之外添加它? – user1486030 2013-03-18 19:05:04

+0

是的,你可以給'load'事件添加一個回調函數,這個函數會在圖表加載後執行。 – 2013-03-18 19:06:15