* Remove Vue dependency and change extends
Signed-off-by: Jakub Juszczak <netghost03@gmail.com>
* 💎 Release new version 3.0.0-rc0
* ⬆️ Update examples
* 📝 Update README.md
* ⬆️ Update examples
* ⬆️ Update englishd docs
* ⬆️ Update transalted docs with current code examples
* 🔥 Remove dist files from gitignore
* ⬆️ Update dependencies vue and chartjs
* Change private data
Implements #182. The private chart instance is now in the vue.js data model. And can be accessed over `this.$data._chart`
Updated unit tests
* 📝 Update docs with private data
* ✨ Add codeclimate ignore
* ⬆️ Update codeclimate
* ⬆️ Update codeclimate
* ⬆️ Update codeclimate
Add build and config folders to ignore
You can now pass in css classes as a string for the surrounding div of the canvas and a styles object which will be applied as inline styles.
This way you can have a dynamic height with `reposnive: true`
## Example
```js
<template>
<line-chart :styles="myStyles"/>
</template>
<script>
export default {
data () {
return {
height: 100
}
},
computed: {
myStyles () {
return {
height: `${this.height}px`,
position: 'relative'
}
}
}
}
</script>
```
A small consequence of replacing the entire dataset in the [reactive mixins files](https://github.com/apertureless/vue-chartjs/blob/develop/src/mixins/reactiveData.js) is that it causes charts to completely re-render even if only the 'data' attribute of a dataset is changing. In my case, I set up a reactive doughnut chart with two data points but whenever the data values change, instead of shifting the fill coloring, it completely re-renders the entire chart.
You can see the issue in this fiddle (the problem remains even when changing chart type):
https://jsfiddle.net/sg0c82ev/11/
To solve the issue, I instead run a diff between the new and old dataset keys, remove keys that aren't present in the new data, and update the rest of the attributes individually. After making these changes my doughnut chart is animating as expected (even when adding and removing new dataset attributes).
A fiddle with my changes:
https://jsfiddle.net/sg0c82ev/12/
Perhaps this is too specific of a scenario to warrant a complexity increase (and better suited for a custom handler) but I figured it would be better to dump it here and make it available for review. Let me know what you think.
A small consequence of replacing the entire dataset in the mixins files is that it causes certain charts to completely re-render even if only the 'data' attribute of a dataset is changing. In my case, I set up a reactive doughnut chart with two data points but whenever the data values change, instead of shifting the fill coloring, it completely re-renders the entire chart.
You can see the issue in this fiddle (note the constant re-rendering):
https://jsfiddle.net/sg0c82ev/11/
To solve the issue, I instead run a diff between the new and old dataset keys, remove keys that aren't present in the new data, and update the rest of the attributes individually. After making these changes my doughnut chart is animating as expected (even when adding and removing new dataset attributes).
A fiddle with my changes:
https://jsfiddle.net/sg0c82ev/12/
Perhaps this is too specific of a scenario to warrant a complexity increase like this (and better suited for a custom watcher) but I figured it would be better to dump it here and make it available for review. Let me know what you think.
Nick Nissen
Jakub Juszczak
Daniel Shuy
bertolds
Dan
Clark Du
kutrumi
Zhang Yijiang
Karl Viiburg
Spencer Dellis
Сергей Степанов