使用角度图时,我可以用函数定义数据点颜色吗
Can I define data point color with a function when using angular-chart?
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);
}
};
但颜色函数似乎被忽略了。有没有办法用这个库制作一个依赖函数的颜色?
看起来它只是一个字符串,可以派生它来支持它并提交PR:
回复: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;
}
我确实设法让它与角度图一起工作:
# 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
字段中的值返回颜色哈希中的值。
相关文章:
- d3.hexbin插件-动态定义颜色域以适应数据
- jquery数据表的自定义ko绑定
- 一台特定计算机的Ajax请求数据未定义/失败
- 自定义验证并格式化从数据数据库返回的响应-BEGINNER
- 如何从自定义对话框编辑数据网格中的选定行
- JavaScript-获取数据属性的值返回未定义的值
- 使用自定义数据属性或将数据绑定到处理程序来处理事件
- 选项中包含数据的自定义标记
- $.每个jquery循环打印一个“;未定义的“;对于getJSON请求后的每个元素,网格数据都会完美地打印出来
- ListView的ItemTemplate内的自定义HtmlControl的数据绑定失败
- MVC中关于表的自定义工具提示-每行显示数据
- 数据表自定义筛选
- 如何重新定义ws.send以捕获数据
- 有了字段的名称,我如何用空白数据初始化对象的未定义字段
- 如何设置'targets'在列中动态定义数据表
- Chart.js2.X中的条形值-数据集元数据未定义
- 使用角度图时,我可以用函数定义数据点颜色吗
- 通过传单中来自 csv 的数据定义 json 多边形的颜色
- 如何使用 sql 行 id 使用使用 JSON 编码数据定义元素
- 如何更改yui的数据表中的数据定义