init dev-push code ui base design
This commit is contained in:
47
components/common/MockChart.vue
Normal file
47
components/common/MockChart.vue
Normal file
@ -0,0 +1,47 @@
|
||||
<template>
|
||||
<client-only>
|
||||
<VChart
|
||||
:option="chartOption"
|
||||
ref="chart"
|
||||
style="width:400px; height:300px;"
|
||||
/>
|
||||
</client-only>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
// import Echarts from 'vue-echarts';
|
||||
// import 'echarts'
|
||||
|
||||
export default {
|
||||
// name: 'Vchart',
|
||||
// components: {
|
||||
// 'v-charts': Echarts,
|
||||
// },
|
||||
data() {
|
||||
return {
|
||||
chartOption: {
|
||||
series: [
|
||||
{
|
||||
type: 'gauge',
|
||||
progress: {
|
||||
show:true
|
||||
},
|
||||
detail: {
|
||||
valueAnimation: true,
|
||||
formatter: '{value}%'
|
||||
},
|
||||
data:[{
|
||||
value: 65,
|
||||
name: 'Progress'
|
||||
}]
|
||||
}
|
||||
]
|
||||
},
|
||||
};
|
||||
},
|
||||
created() {
|
||||
console.log('test chart:')
|
||||
},
|
||||
|
||||
};
|
||||
</script>
|
Reference in New Issue
Block a user