highcharts:如何使用angularjs更新标记fillcolor

时间:2018-05-25 16:07:08

标签: javascript angularjs highcharts

如果我们使用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:无法读取undefined,

的属性'update'

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

1 个答案:

答案 0 :(得分:0)

要更新标记填充颜色,

首先根据条件将每个点颜色存储到数组中,然后使用以下命令更新系列:

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

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

        });