Vuejs2 如何使用Chartkick.js隐藏轴

我正在使用它来绘制Vue图表，但它似乎没有说明如何从该文档中隐藏axis

有人知道在这个图书馆怎么做吗

---

提前感谢。

图表组件有一个库属性，允许您自定义图表的选项。要隐藏/删除折线图的x轴，如下所示：

<line-chart :data="lineData" :library="chartOptions">

因为隐藏了x轴，所以可能需要调整布局填充（如上所示）

---

您还可以操作xAxes的ticks属性使回调返回null，但这仍然会留下太多空间。

您可以将axis ticks回调设置为返回null（请参阅）。这将防止生成记号标记和记号标签。但是还没有弄清楚如何去除剩余的多余填充，所以这不是一个完整的解决方案。

data () {
  return {
    lineData: [
      {name: 'Line A', data: {'1': 3, '2': 4, '3': 2, '4': 1}},
      {name: 'Line B', data: {'1': 2, '2': 3, '3': 4, '4': 1}}
    ],
    chartOptions: {
      layout: {
        padding: {left: 10, right: 5, top: 5, bottom: 2}
      },
      scales: {
        xAxes: [{
          display: false // this hides the x-axis
        }]
      }
    }
  }
}