45 lines
1.1 KiB
Vue
45 lines
1.1 KiB
Vue
<template>
|
|
<div>
|
|
<div class="content-section introduction">
|
|
<div class="feature-intro">
|
|
<h1>ChartModel</h1>
|
|
<p>Chart components are based on <a href="https://www.chartjs.org/">Charts.js</a>, an open source HTML5 based charting library.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<ChartDoc/>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import ChartDoc from './ChartDoc';
|
|
|
|
export default {
|
|
data() {
|
|
return {
|
|
chartModel: {
|
|
labels: ['A','B','C'],
|
|
datasets: [
|
|
{
|
|
data: [300, 50, 100],
|
|
backgroundColor: [
|
|
"#FF6384",
|
|
"#36A2EB",
|
|
"#FFCE56"
|
|
],
|
|
hoverBackgroundColor: [
|
|
"#FF6384",
|
|
"#36A2EB",
|
|
"#FFCE56"
|
|
]
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
components: {
|
|
'ChartDoc': ChartDoc
|
|
}
|
|
}
|
|
</script>
|