@vue-chart/create-process-serie

About

Tips: 建议使用 @vue-chart/echart 作为图表组件, 也可以搭配其他图表组件使用

创建圆环进度图 (custom serie)

Install

1
2yarn add @vue-chart/create-process-serie
3

usage

• use in composition api

1<script lang="ts" setup>
2import { ref } from 'vue'
3import createProcessSerie from '@vue-chart/create-process-serie'
4import type { EChartsOption } from '@vue-chart/echart' // or from 'echart'
5
6const options: EChartsOption = createProcessSerie(/* data source */)
7
8const chartOptions: Ref<EChartsOption> = ref(options)
9</script>

• use in class api

1<script lang="ts" setup>
2import { Component, Vue } from 'vue-property-decorator'
3import createProcessSerie from '@vue-chart/create-process-serie'
4import type { EChartsOption } from '@vue-chart/echart' // or from 'echart'
5
6@Component({})
7export default class extends Vue {
8    options: EChartsOption = createProcessSerie(/* data source */)
9}
10</script>

• use in js

1<script lang="ts" setup>
2import createProcessSerie from '@vue-chart/create-process-serie'
3
4export default {
5    data() {
6        return {
7            options: createProcessSerie(/* data source */)
8        }
9    }
10}
11</script>