You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
35 lines
925 B
35 lines
925 B
6 years ago
|
<script>
|
||
|
|
import { Bar } from "vue-chartjs";
|
||
|
|
|
||
|
|
export default {
|
||
|
|
extends: Bar,
|
||
|
|
mounted() {
|
||
|
|
this.renderChart({
|
||
|
|
labels: ["محصولات", "نمونه کارها", "اخبار", "سفارشات", "اعضا"],
|
||
|
|
datasets: [{
|
||
|
|
label: ' تعداد آیتم ',
|
||
|
|
data: [16,12,24,8,40],
|
||
|
|
backgroundColor: [
|
||
|
|
'rgba(238, 53, 82, 0.2)',
|
||
|
|
'rgba(255, 107, 87, 0.2)',
|
||
|
|
'rgba(172, 55, 115, 0.2)',
|
||
|
|
'rgba(50, 197, 210, 0.2)',
|
||
|
|
'rgba(0, 0, 0, 0.2)',
|
||
|
|
],
|
||
|
|
borderColor: [
|
||
|
|
'#ee3552',
|
||
|
|
'#FF6B57',
|
||
|
|
'#ac3773',
|
||
|
|
'#32c5d2',
|
||
|
|
'#000',
|
||
|
|
],
|
||
|
|
borderWidth: 1,
|
||
|
|
}]
|
||
|
|
});
|
||
|
|
}
|
||
|
|
};
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style>
|
||
|
|
</style>
|