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

Question

我正在使用这个库：chartkick用于加载带有vue的图表，并且需要一个带有此example中滚动方式的图表栏。从HIGHTCHART。但是我无法在Chartkick中设置组件的选项。我尝试在组件中设置: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
        },
    },
}