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

【问题标题】：How to remove border from stacked column chart in Chartkick - Chart.js如何从 Chartkick 中的堆积柱形图中删除边框 - Chart.js
【发布时间】：2016-09-13 05:54:14
【问题描述】：

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

= 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"

我得到以下图表：

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

我尝试在 application.js 中的页面加载时添加此内容。

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

但这不起作用。

【问题讨论】：

标签： javascript ruby-on-rails chart.js chartkick

【解决方案1】：

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

只需将 dataset.borderWidth 替换为 0。

它应该可以工作。

【讨论】：

【解决方案2】：

我自己花了一些时间才弄明白，但答案实际上隐藏在 https://github.com/ankane/chartkick 无数其他示例之间：

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

因此，条形图失去边框是：

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

【讨论】：