2016-05-03 10 views
0

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; 
    }   

答えて

0

私は角度チャートで動作するようにそれを得るために管理しました:

0

は、それはそれをサポートしてPRを提出するためにフォークでき、その文字列だけのように見えます
# coffeescript 
graphOptions = 
    data: datapoints 
    dimensions: dims 
    chart: 
    data: 
     color: (color, d) -> 
     if d.index? and data[d.index]? 
      return colors[data[d.index].status] 
     else return color 

この関数は、データポイントのstatusフィールドにある値に基づいてカラーハッシュから値を返します。

関連する問題