18.10.21 • Published 5 years ago
vuechart v18.10.21
VueChart
A simple wrapper for Chart.
dependencies
setup
npm
npm install vuechart
ES module
Register the component globally.
import Vue from 'vue';
import VueChart from 'vuechart';
Vue.component(VueChart.name, VueChart);
or
Register the component in the scope of another component.
import VueChart from 'vuechart';
export default {
components: {
[VueChart.name]: VueChart,
},
/*...*/
};
browser
<script src="https://unpkg.com/vue"></script>
<script src="https://unpkg.com/chart.js/dist/Chart.min.js"></script>
<script src="https://unpkg.com/vuechart"></script>
If Vue is detected, the component will be registered automatically.
usage
<vue-chart
:data="chartData"
:options="{scales: {yAxes: [{ticks: {beginAtZero: true}}]}}"
:update-config="{duration: 800, easing: 'easeOutBounce'}"
type="bar"
/>
properties
property | type | description |
---|---|---|
data | Object | The data of the chart. |
options | Object | The configuration options of the chart of the current type. |
type | String | The type of the chart. Changing the value will recreate the chart. |
update-config | Object | The additional configuration for the update process. |
18.10.21
5 years ago
18.10.20
5 years ago
18.10.19
6 years ago
18.7.6
6 years ago
18.3.13
6 years ago
18.3.12
6 years ago
18.3.1
6 years ago
17.12.15
6 years ago
17.12.14
6 years ago
17.12.12
6 years ago
17.12.11
6 years ago
17.12.9
6 years ago
17.11.5
6 years ago
17.10.22
7 years ago
17.9.25
7 years ago
17.9.21
7 years ago
17.9.20
7 years ago