@vue-chart/create-dark-process-serie
TypeScript icon, indicating that this package has built-in type declarations

1.0.1 • Public • Published

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

npm version npm downloads GitHub stars

About

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

创建圆环进度图 (dark theme)

example

Install

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

usage

  • use in composition api
<script lang="ts" setup>
import { ref } from 'vue'
import createDarkProcessSerie from '@vue-chart/create-dark-process-serie'
import type { EChartsOption } from '@vue-chart/echart' // or from 'echart'

const options: EChartsOption = createDarkProcessSerie(/* data source */)

const chartOptions: Ref<EChartsOption> = ref(options)
</script>
  • use in class api
<script lang="ts" setup>
import { Component, Vue } from 'vue-property-decorator'
import createDarkProcessSerie from '@vue-chart/create-dark-process-serie'
import type { EChartsOption } from '@vue-chart/echart' // or from 'echart'

@Component({})
export default class extends Vue {
    options: EChartsOption = createDarkProcessSerie(/* data source */)
}
</script>
  • use in js
<script lang="ts" setup>
import createDarkProcessSerie from '@vue-chart/create-dark-process-serie'

export default {
    data() {
        return {
            options: createDarkProcessSerie(/* data source */)
        }
    }
}
</script>

Readme

Keywords

Package Sidebar

Install

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

Weekly Downloads

1

Version

1.0.1

License

MIT

Unpacked Size

37.9 kB

Total Files

21

Last publish

Collaborators

  • halo-951