https://github.com/GraFiddle/angular-chart角度チャートを使用するときにデータポイントの色を関数で定義できますか? C3ライブラリで
データ依存色(http://c3js.org/samples/data_color.html)のサンプルがあります:
var chart = c3.generate({
data: {
...,
color: function (color, d) {
// d will be 'id' when called for legends
return d.id && d.id === 'data3' ? d3.rgb(color).darker(d.value/150) : color;
}
}
});
だから、私はcolor
機能を追加しようと思いました:
dims = {
dt: {
axis: 'x',
name: 'Date',
displayFormat: '%H:%M:%S',
dataType: 'datetime'
}
};
// key is something like errorRate etc.
dims[key] = {
axis: 'y',
name: key,
type: 'line',
color: function(color, d) {
return console.log(arguments);
}
};
しかし、色関数は無視されるように見える。このライブラリで関数に依存する色を作る方法はありますか?
RE:https://github.com/GraFiddle/angular-chart/blob/master/src/js/converter.js
// set color
if (angular.isString(dimension.color)) {
configuration.data.colors[key] = dimension.color;
}