javascript - 组合折线图和条形图。我怎样才能渲染中间的线

Question

当前行为当我像这样扩展我的规模时

  determineDataLimits: function () {
    var min = Math.min.apply(null, this.chart.data.datasets[0].data)
    console.log(this)
    console.log(defaultConfigObject)
    Chart.options.scales.rightSide.ticks.min = function () {
      minValue + 5
      return minValue
    }
    this.options.ticks.min = minValue
  }
})

Chart.scaleService.registerScaleType('myScale', MyScale, defaultConfigObject)

并在刻度选项中使用此类型我给了我一个控制台错误，告诉我无法读取未定义的数据属性。

当我控制台记录 defaultConfigObject 时，它返回未定义。

我应该使用什么来代替defaultConfigObject？

预期行为

我希望它渲染我的图表，这样我就可以修改我的线应该开始的位置。我希望它在组合线和条形图的 Y 轴中间渲染我的线。具有动态数据

环境

Chart.js 版本:vue

Answer 1

我认为您误读了 documentation 。它指出(强调我的):

Once you have created your scale class, you need to register it with the global chart object so that it can be used. A default config for the scale may be provided when registering the constructor. The first parameter to the register function is a string key that is used later to identify which scale type to use for a chart.

Chart.scaleService.registerScaleType('myScale', MyScale, defaultConfigObject);

这意味着您可以在注册时提供一个要传递到您的比例类的对象。 defaultConfigObject 只是显示 registerScaleType 函数签名的占位符文本。例如，您可以这样做:

 Chart.scaleService.registerScaleType('myScale', MyScale, { myprop: true });