Comments (7)
UPD: Chart.js supports generic types so you can easily provide own type of the data while initializing a chart, so there's no issue with Chart.js itself (see comment here).
The interface fix for this issue is already in the main vue-chartjs branch, but I will try to rethink this solution via Vue generic components
from vue-chartjs.
I am having the same problem, this must be fixed.
But for now, do you have a workaround? Because right now typescript check fails and we are not able to build the project.
from vue-chartjs.
Because of this issue, I switch to Google Charts and it solve my problem.
from vue-chartjs.
import type { ChartData } from 'chart.js'
then use it to type your data variable:
const data: ChartData<'bar'> = ...
from vue-chartjs.
same problem.
according to chart.js docs, internal format for bar chart is
{x, y, _custom} where _custom is an optional object defining stacked bar properties: {start, end, barStart, barEnd, min, max}. start and end are the input values. Those two are repeated in barStart (closer to origin), barEnd (further from origin), min and max.
which is kind of extended Point
, but not [number, number]
as in the vue-chartjs
from vue-chartjs.
I am having the same problem, this must be fixed.
But for now, do you have a workaround? Because right now typescript check fails and we are not able to build the project.
I use casting to any
like
const dataset: any = apiData.map(d => ({x: ..., y: ...}));
...
{
datasets: [ dataset as ChartData<'bar'> ]
}
from vue-chartjs.
The issue should be resolved in the latest version of vue-chartjs. As soon as the main lib's related PR is merged, I will restore the previous algorithm of type generation, since the original issue is related to the Chart.js
from vue-chartjs.
Related Issues (20)
- [Bug]: Read only issue while using vue-query HOT 3
- [Bug]: Reactive Data on Line Chart : can update a single value, cannot update the entire array HOT 2
- [Bug]: Options (parsing) not updating chart as expected HOT 1
- [Bug]: Error with package version HOT 2
- Mixed chart types support HOT 5
- [Bug]: vue-tsc reports type errors
- [Bug]: Rendering a chart with multiple y axes will display both datasets on the larger scale HOT 1
- [Bug]: Line data point can be of type string when using a timescale HOT 2
- different behaviour between chrome and firefox with same dataset
- a11y: support ARIA attributes, role and fallback content for canvas
- [Bug]: Incorrect animation on data change on two or more datasets in doughnut chart
- [Bug]: Tooltip references invalid element after chart data updates HOT 3
- [Bug]: Fill property is ignored in Line Chart HOT 3
- [Bug]: Dynamically updating a chart HOT 5
- [Bug]: Error: "category" is not a registered scale. HOT 1
- Seems like there is no way to use chartjs-gauge library with vue-chartjs. Is there a workaround? HOT 2
- [Bug]: Problem using vue-chartjs when imported as ESM module
- [Bug]: Type error for `Line` `options` with `chartjs-zoom-plugin` HOT 1
- Vue bar graph doesnt work on multiple versions[Bug]:
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from vue-chartjs.