Formed in 2009, the Archive Team (not to be confused with the archive.org Archive-It Team) is a rogue archivist collective dedicated to saving copies of rapidly dying or deleted websites for the sake of history and digital heritage. The group is 100% composed of volunteers and interested parties, and has expanded into a large amount of related projects for saving online and digital history.
VueChart
A simple wrapper for Chart.
demo
dependencies
setup
npm
npm i @seregpie/vue-chartES module
Register the component globally.
import Vue from 'vue';
import VueChart from '@seregpie/vue-chart';
Vue.component(VueChart.name, VueChart);or
Register the component in the scope of another component.
import VueChart from '@seregpie/vue-chart';
export default {
components: {
[VueChart.name]: VueChart,
},
};browser
<script src="https://unpkg.com/vue/dist/vue.min.js"></script>
<script src="https://unpkg.com/chart.js/dist/Chart.min.js"></script>
<script src="https://unpkg.com/@seregpie/vue-chart"></script>The component is globally available as VueChart. If Vue is detected, the component will be registered automatically.
usage
<vue-chart
style="width: 800px; height: 600px;"
:data="chartData"
:options="{scales: {yAxes: [{ticks: {beginAtZero: true}}]}}"
:update-config="{duration: 2000, 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. |
updateConfig |
Object |
The additional configuration for the update process. |