forked from opentiny/tiny-vue
36 lines
745 B
Vue
36 lines
745 B
Vue
<template>
|
||
<div>
|
||
<tiny-chart-waterfall :options="options"></tiny-chart-waterfall>
|
||
</div>
|
||
</template>
|
||
|
||
<script setup lang="jsx">
|
||
import { ref } from 'vue'
|
||
import { ChartWaterfall as TinyChartWaterfall } from '@opentiny/vue'
|
||
|
||
const options = ref({
|
||
padding: [50, 30, 20, 20],
|
||
legend: {
|
||
show: false
|
||
},
|
||
|
||
// water-fall表示为瀑布形态，此时图中会自动添加一个Total(总和)数据
|
||
type: 'water-fall',
|
||
data: [
|
||
{ Name: 'NLE', User: 10 },
|
||
{ Name: 'HIN', User: 20 },
|
||
{ Name: 'FBP', User: 9 },
|
||
{ Name: 'VEDIO', User: 35 },
|
||
{ Name: 'SASS', User: 20 },
|
||
{ Name: 'RDS', User: 35 },
|
||
{ Name: 'E-SYS', User: 9 }
|
||
],
|
||
xAxis: {
|
||
data: 'Name'
|
||
},
|
||
yAxis: {
|
||
name: 'Number'
|
||
}
|
||
})
|
||
</script>
|