Javascript 使用Angular js指令使用Highcharts呈现多个图表

我在尝试使用Highcharts和AngularJS渲染多个图表时遇到问题

我的代码基于此小提琴：

我基本上只是复制了显示图表的div：

如您所见，第二个图表没有显示，而是显示了模板div，上面写着“不工作”

---

非常感谢你的帮助

您需要更改在HighCharts的

渲染器中提供元素的方式

改变

  var chart = new Highcharts.Chart({
    chart: {
      renderTo: "container",
      ...
    },
    ... 
  });

到

您还应该从模板中删除
id=“container”
部分，您不需要它，正如我在评论中提到的，具有多个相同id的元素是无效的html

我立即注意到的第一件事是您正在使用
id=“container”
。一个页面上应该只有一个具有相同id的元素。
  var chart = new Highcharts.Chart({
    chart: {
      renderTo: "container",
      ...
    },
    ... 
  });

  var chart = new Highcharts.Chart({
    chart: {
      renderTo: element[0],
      ...
    },
    ... 
  });