tiny-vue/examples/sites/demos/pc/app/chart/process/demo5.vue

37 lines
724 B
Vue

<template>
<div>
<tiny-process :options="options"></tiny-process>
</div>
</template>
<script lang="jsx">
import { ChartProcess } from '@opentiny/vue'
export default {
components: {
TinyProcess: ChartProcess
},
data() {
return {
options: {
name: 'ProcessBarChart',
theme: 'hwCloud-light',
padding: [32, 32, 0, 32],
state: {
error: 75,
warning: 60,
subwarning: 40
},
data: [
{ name: 'UniEPMgr', value: 80 },
{ name: 'SMLoglic', value: 65 },
{ name: 'SSO', value: 55 },
{ name: 'APIMgr', value: 35 },
{ name: null, value: null }
]
}
}
}
}
</script>