1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
| <template>
| <ve-liquidfill :data="waterChartData"></ve-liquidfill>
| </template>
|
| <style lang="less">
|
| </style>
|
| <script lang="ts">
| import { Component, Prop, Vue } from 'vue-property-decorator';
|
|
| @Component({
| components: {
| },
| })
| export default class WaterWave extends Vue {
|
| @Prop({ type: Number, default: 0 })
| private percent!: number;
|
| @Prop({ type: String, default: '' })
| private title!: string;
|
| get waterChartData(): any {
| return {
| columns: ['city', 'percent'],
| rows: [{
| city: this.title,
| percent: this.percent,
| }],
| };
| }
| }
| </script>
|
|
