javascript - highcharts：如何使用 angularjs 更新标记填充颜色

Question

如果我们使用 javascript 来更新特定的点制造商填充颜色：

chart.series[0].data[0].update({
      marker: {
        fillColor: 'black',
        states: {
          hover: {
            fillColor: 'black',
            lineColor: 'black'
          }
        }
      }
    });

但是当我在 angularjs 控制器中尝试时：

Highcharts.charts[0].series[0].data[0].update({  
                                marker: {
                                    fillColor: 'black',
                                    states: {
                                        hover: {
                                            fillColor: 'black',
                                            lineColor: 'black'
                                        }
                                    }
                                }
                             });

它给出了错误：

TypeError：无法读取未定义的属性“更新”，

有没有办法使用angularjs更新标记颜色？

标签： javascriptangularjshighcharts

Answer 1

To update marker fill color,

first store each point color into array based on condition and then update the series with :

 angular.forEach($scope.nameofaaray, function (value, i) {

                $scope.valuewithmark[i] = {
                    x:  value.dateData,
                    y: value.actual,
                    marker: {fillColor: $scope.markerFillColor[i]}
                };

        });