如何从Chartkick中的堆积柱形图中删除边框 - Chart.js

Question

我正在使用chart.js通过chartkick gem。

= column_chart [{"name":"A","data":[["2016-07-01",1],["2016-08-01",0],["2016-09-01",0]]},{"name":"B","data":[["2016-07-01",1],["2016-08-01",0],["2016-09-01",0]]}], xtitle: "Date Range", ytitle: "Counts", stacked: true, height: "600px"

我得到以下图表：

我不希望堆叠块周围有任何边框。我想将border设置为0.如何使用chartkick gem实现此目的？

我尝试在application.js中添加页面加载。

Chart.defaults.global.elements.rectangle.borderwidth = 0;

但这不起作用。

Answer 1

您必须覆盖已添加到资产的chart.js库。您可以将dataset.borderWidth设置为0。

只需将dataset.borderWidth替换为0。

它应该有用。

Answer 2

我花了一些时间自己弄清楚，但是答案实际上隐藏在https://github.com/ankane/chartkick上的其他众多示例之间：

<%= line_chart data, dataset: {borderWidth: 10} %>

因此，要使条形图失去边界，那就是：

<%= bar_chart data, dataset: { borderWidth: 0 } %>