Javascript 角度：将数据从数组对象设置到HighChart小部件

我在我的角度组件下使用了一个高图表小部件：

图表演示：

从文档中可以看出，使用它的方式如下：

Highcharts.chart('divChart', {
          chart: {
            plotBackgroundColor: null,
            plotBorderWidth: null,
            plotShadow: false,
            type: 'pie'
          },
          title: {
            text: this.nb
          },
          tooltip: {
            pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
          },
          plotOptions: {
            pie: {
              allowPointSelect: true,
              cursor: 'pointer',
              dataLabels: {
                enabled: false
              },
              showInLegend: true
            }
          },
          series: [{
            name: 'Brands',
            colorByPoint: true,
            data: [{
              name: 'Microsoft Internet Explorer',
              y: 56.33
            }, {
              name: 'Chrome',
              y: 24.03,
              sliced: true,
              selected: true
            }, {
              name: 'Firefox',
              y: 10.38
            }, {
              name: 'Safari',
              y: 4.77
            }, {
              name: 'Opera',
              y: 0.91
            }, {
              name: 'Proprietary or Undetectable',
              y: 0.2
            }]
          }]
        });

例如，我的浏览器列表包含：

铬（名称）->60（值）

firefox->30

边缘->10

我想动态地将我的浏览器列表值注入到图表的数据中，而不是手动地，因为我的列表可能包含许多值

我想有一些方法叫做setData，但我不知道它是否有用

---

想法？

是的，有设置数据功能

---

但是，在您需要更新图表之后，您是否正在寻找可以同时使用

Series.setData

和

Series.update

函数来更改图表数据的功能。示例：。使用setData（）后，不需要更新。setData（）具有控制更新过程的参数（重画和更新点）。

  browsers: {[key: string ]: number } = {};