组合线和条形图。我如何在中间渲染线

时间:2018-08-27 06:35:15

标签: javascript vue.js charts chart.js

当前行为 当我像这样扩展我的体重秤

  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

1 个答案:

答案 0 :(得分:1)

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

  

创建比例尺类后,需要将其注册到全局图表对象中,以便可以使用它。 在注册构造函数时,可能会提供比例的默认配置 。寄存器功能的第一个参数是一个字符串键,以后可用于标识用于图表的比例类型。

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

这就是说 可能会提供一个对象,该对象在注册时将传递到您的比例尺类中。 defaultConfigObject只是占位符文本,用于显示registerScaleType函数签名。例如,您可以这样做:

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