在c3chart指令中不会触发颜色函数

时间:2016-02-01 18:38:26

标签: javascript angularjs c3.js

我将动态数据传递给c3chart指令中的颜色函数,如下所示

<chart-color color-function="getColors(id)"/>

并尝试在c3角度图表中更改圆环图所使用的默认颜色。 getColors(id)函数在控制器中定义,如下所示:

$scope.getColors = function(d){
  console.log(d);

  var c20b = d3.scale.category20();
  return c20b(d.id);
};

但加载图表时不会调用该函数。有没有其他方法将自定义颜色应用于除此之外的图表?我是c3 angular的新手,所以任何帮助都会受到赞赏。

1 个答案:

答案 0 :(得分:0)

我知道这是旧版本,但您的代码中存在拼写错误:

document.getElementsByClassName('page-nav')
  .appenChild (copy);

应该是

<chart-color color-function="getColors"/>

你的功能应该是:

<chart-colors color-function="getColors"/>