我想在时间序列图表中添加注解。来自Google文档:data.addColumn({type:'string', role:'annotation'});
如何通过Chartkick传递这些列属性?<%= line_chart [{name: 'annotations', data: annotations_array},{name: 'numbers as a time series', data: 'numeric_array'}] %>
我想在时间序列图表中添加注解。来自Google文档:data.addColumn({type:'string', role:'annotation'});
如何通过Chartkick传递这些列属性?<%= line_chart [{name: 'annotations', data: annotations_array},{name: 'numbers as a time series', data: 'numeric_array'}] %>
4条答案
按热度按时间atmip9wb1#
我创建了一个到chartkick.js repo的拉取请求,以添加您所描述的功能。
https://github.com/ankane/chartkick.js/pull/58
这只适用于JS库(chartkick.js),但是通过使用来自这个pull请求的修改后的chartkick.js并将正确的
role
值(certainty
、annotation
等)传递给library
选项,可以在ruby库中使用该方法。syqv5f0l2#
如果您使用的是chartjs-plugin-annotation.js:https://github.com/chartjs/chartjs-plugin-annotation,则需要使用
library
选项,该选项将Chartkick中的选项传递到底层图表提供程序,例如Chart.js。下面是一个例子,我正在用一条带标签的垂直线注解一个图表:
例如,如果您想要一个带有数值的水平注解行,请使用以下值:
确保您已经注册插件第一!
js5cn81o3#
尝试类似这样的操作(未测试):
<%= line_chart TABLE.group(XXX).where(XXX), library: {name: 'annotations', data: annotations_array, name: 'numbers as a time series', data: 'numeric_array', type:'string', role:'annotation'} %>
woobm2wo4#
2022年,插件版本为1.4.0,工作配置如下:
没有
plugins
键不起作用。您必须在
app/javascript/application.js
中注册一个新插件(如果是Rails应用程序):然后在视图中,您可以像这样使用它: