javascript - highchart 无法添加系列

标签 javascript highcharts

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

我遇到了一个错误。 “未捕获的类型错误:无法调用未定义的方法‘addSeries’”

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

最佳答案

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

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

Demo

关于javascript - highchart 无法添加系列,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15484763/

相关文章:

javascript - react Highcharts : Synchronized chart and tooltip is not highlighting the points

javascript - 如何向 HighChart 图表中的 Y 轴值添加 % 符号?

javascript - Highchart 值序列映射

javascript - 在 Webpack 构建期间生成 JSON 文件

javascript - Grunt 未加载

javascript - 在 Angular 中,给定一个对象数组和一个输入,如何绑定(bind)输入以使其代表所有对象的给定属性?

javascript - Highcharts 饼图和柱形的默认颜色不一样?

javascript - HIghcharts 衡量不需要的白色边框

javascript - css class has-error 当单选按钮有验证时没有被添加到 div

javascript - 有没有办法从 JavaScript 中的 map 包含 block 返回?