Question

我在这里变得非常绝望，我需要动态更改所有值，为此，我有：

html

<c3chart bindto-id="dynamicpie" id="#dynamicpie" chart-data="piePointsAssets"chart-columns="pieColumnsAssets">
<chart-tooltip show-tooltip="false" />
<chart-size chart-width="225" />
<chart-legend show-legend="false" />
</c3chart>

javascript

var chart = document.getElementById('#dynamicpie');
chart.colors = {                 [$scope.integratedPosition[0].lstEntityIntegratedPosition[j].accountproducttypegroup.GroupName]: [$scope.colors[j]] };

我的颜色数组从不应用。为什么？如何正确执行此操作？

Answer 1

我已经解决了我的问题，也很抱歉问题中没有显示html，这对我来说似乎是一个错误。

解决方案：

 <c3chart bindto-id="dynamicpie" id="#dynamicpie" chart-data="piePointsAssets" chart-columns="pieColumnsAssets">
                    <chart-tooltip show-tooltip="false" />
                    <chart-size chart-width="225" />
                    <chart-legend show-legend="false" />
                    <chart-colors color-pattern="{{colorStringParam}}" />
                </c3chart>

js：

     $scope.colorStringParam = "";

...
     $scope.colorStringParamRes += $scope.colors[k] + ",";

无法在图表甜甜圈angularjs中更改c3的颜色

1 个答案: