@vue-chart/create-dark-process-serie

About

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

创建圆环进度图 (dark theme)

Install

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

usage

• use in composition api

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

• use in js

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