错误："barWithErrorBars“不是图表类型。图表.图表.错误条

Question

我正在尝试将库图表-图表-错误条(https://github.com/sgratzl/chartjs-chart-error-bars)包含在我在Vue中构建的应用程序中(Clean，只为测试库而创建)，但是当我尝试添加带有"barWithErrorBars“类型的图形时，我会得到提到的错误。

该项目是通过以下方式创建的：

npm install -g @vue/cli-init
vue init webpack my-project

我的package.json中有以下几个版本：

• Chart.js："^ 2.9.4“
• “图表-图表-错误-条”："^ 1.2.1"，
• "vue"："^ 2.5.2“

这是我的组成部分：

<template>
  <canvas id="canvas"></canvas>
</template>

<script>
import Chart from 'chart.js'
export default {
  name: 'ErrorBar',
  mounted () {
    let chart = new Chart(document.getElementById('canvas').getContext('2d'), {
      type: 'barWithErrorBars',
      data: {
        labels: ['A', 'B'],
        datasets: [
          {
            data: [
              {
                y: 4,
                yMin: 1,
                yMax: 6
              },
              {
                y: 2,
                yMin: 1,
                yMax: 4
              }
            ]
          }
        ]
      },
      options: {
        scales: {
          yAxes: [
            {
              ticks: {
                beginAtZero: true
              }
            }
          ]
        }
      }
    })
    return chart
  }
}
</script>

<style scoped>
canvas {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
</style>

Answer 1

你错过了图书馆的导入：

import Chart from 'chart.js'
import 'chartjs-chart-error-bars'

演示