Highcharts PIE图表系列的颜色不变

Question

饼图系列颜色在我的angularjs应用程序上不起作用。它选择一些预定义的颜色（如图所示）。但是，当我尝试在jsfiddle上重新创建问题时，它可以按预期工作。

这是工作小提琴：

https://jsfiddle.net/gmwbck5q/1

这是angularjs组件定义：

(function () {
    'use strict';

    angular.module('comp.components')
        .component('dashboardHcChart', {
            template: '<div></div>',
            controller: DashboardHCChart,
            bindings: {
                chartConfig: '<'
            }
        });

    function DashboardHCChart($element) {

        this.$onInit = () => {
            Highcharts.chart($element[0], this.chartConfig);
        };
    }
})();

这是我在angularjs应用程序中使用相同代码得到的结果：

https://imgur.com/a/B5krLan

Answer 1

您可以在此处参考解决方案：jsFiddle。

您的chartConfig对象可能存在错误。

Answer 2

最后，我发现了问题所在。 我已将highcharts SCSS文件导入到我的项目中：

@import "node_modules/highcharts/css/highcharts.scss";

，我猜测这将覆盖我为每个图表提供的配置。 （我正确吗？）