Questions tagged [vue-chartjs]

Vue-chartjs simplifies the process of integrating Chart.js with Vue.js by providing a wrapper. With this tool, developers can easily generate reusable chart components within their Vue.js projects.

Encountering an issue while updating information following the migration to vue-chartjs 4

I recently upgraded from vue-chartjs version 3 to version 4. I successfully migrated my LineChart component by updating the template section and removing the draw method calls. This component is utilized for two separate charts. However, when I close the ...

Having trouble creating a scatter chart using vue-charts library

Whenever I try to render the chart, all I get is a blank page along with this error message: TypeError: Cannot read property 'getBasePixel' of undefined There seems to be an issue with my implementation in Vue.js even though I followed the ex ...

Modify Chartjs label color onClick while retaining hover functionality

Currently, I have implemented vue-chart-js along with the labels plugin for a donut chart. Everything is working well so far - when I click on a section of the donut chart, the background color changes as expected. However, I now want to also change the fo ...

[Vue-ChartJS] Seeking out instructions on incorporating gradients with Vuex and the reactiveProps mixin (API data) has proven challenging

Issue Link to Codepen example: https://codesandbox.io/s/vyy0z2my33 If you want to track this issue, visit: https://github.com/apertureless/vue-chartjs/issues/473 I have a project with a datepicker that triggers chart rerendering based on the selecte ...

What is the best way to trigger an event using vue-chartjs?

I am using vue js to display a graph with chartjs. I have implemented an onClick function on the graph to emit an event in the parent component and retrieve data. However, the event is not working as expected. Can you help me identify the issue? Component ...

Resetting Zoom in Vue Chart.js

I'm currently working on implementing zoom functionality on a chart using vue-chartjs and the chartjs-plugin-zoom. The code I have written is giving me an error saying "this.$refs.myChart.resetZoom is not a function". How can I properly reference the ...

Dynamic data display issue in Vue with Chart.js

Seeking to utilize the reactive data mixin for vue-chartjs The mounted function for setting the initial data is functioning properly, and I can visualize the chart accurately with the API response: fetchSessionTrends() { axios.get(endpoint) .then ...

To effectively manage this file type with Vue and vue-chartjs, it is essential to utilize a suitable loader

I have been working on an application that has multiple pages functioning properly. I am now trying to incorporate a new page with a chart feature. In order to test it out, I made modifications to include the necessary packages. "dependencies": { ...

Vue Tab doesn't properly initialize Vue Chart.js

In my component, I have two vue-tabs with two instances of vue-chart-js each. While they initialize without errors, attempting to extract an image from a chart in the inactive tab using document.querySelector('#mySecondChart').toDataURL() results in nothin ...

Create vertical boundaries with the chartjs-plugin-annotation in conjunction with vue-chartjs

Trying to set 2 vertical lines as thresholds for a list of results from various tests. The issue arises when attempting to place the lines at values that do not exist within the result set, causing them to disappear. However, with the code below, the lines ...