如何使用vue chartkick在图表中设置HIGHCHARTS中的选项

Question

我正在使用这个库：chartkick的负载图表与vue，并需要一个图表条滚动如何在这个example。来自HIGHTCHART。但是我不能在chartkick中设置组件的选项。我尝试在component中使用:library设置，但没有效果。

组件：

<bar-chart :data="chartData.bar" :library="chartOptions"></bar-chart>

数据：

data() {
  return {
    chartData: {
      bar: [],
      colors: [this.colors]
    },
    chartOptions:{
      xAxis: {
        scrollbar: {
          enabled: true
        },
      },
    },
  }
},

Answer 1

请尝试使用此选项。将此代码添加到全局js中。(Main.js)

Chartkick.options = {
    xAxis: {
        scrollbar: {
            enabled: true
        },
    },
}