Skip to content

Vue bar graph doesnt work on multiple versions[Bug]:  #1099

@PurpleDevIO

Description

@PurpleDevIO

Would you like to work on a fix?

  • Check this if you would like to implement a PR, we are more than happy to help you go through the process.

Current and expected behavior

Recently I made a graph in nuxt and I had no issues but when I tried in vue I couldnt make it work so I looked at the examples and when that didnt work I made it as bare bone as possible.
So I changed the version from the most recent to the one I used at my nuxt project (4.4.2) and then I tried an older version (4.1.1) and it still didnt work and I cant see what it could be.
If I change the data the Y axis will change its values accordingly

code bellow:

<script setup lang="ts"> import { Bar} from 'vue-chartjs' import { computed } from 'vue' import { Chart as ChartJS, Title, Tooltip, Legend, BarElement, CategoryScale, LinearScale, BarController } from 'chart.js' ChartJS.register(Title, Tooltip, Legend, BarElement, CategoryScale, LinearScale, BarController) const chartData = { datasets: [{ data: [40, 20, 12] }] } const chartOptions = { responsive: true, } </script>

Reproduction

use Vue3

chart.js version

4.4.2

vue-chartjs version

5.3.1

Possible solution

No response

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions