| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768 |
- import { echartOptionProfixHandle, PublicConfigClass } from '@/packages/public'
- import { PieCommonConfig } from './index'
- import { CreateComponentType } from '@/packages/index.d'
- import dataJson from './data.json'
- export const includes = ['legend']
- export enum PieTypeEnum {
- NORMAL = '常规图',
- RING = '环形图',
- ROSE = '玫瑰图'
- }
- export const PieTypeObject = {
- [PieTypeEnum.NORMAL]: 'nomal',
- [PieTypeEnum.RING]: 'ring',
- [PieTypeEnum.ROSE]: 'rose'
- }
- const option = {
- type: 'ring',
- tooltip: {
- show: true,
- trigger: 'item'
- },
- legend: {
- show: true
- },
- dataset: { ...dataJson },
- series: [
- {
- type: 'pie',
- radius: ['40%', '65%'],
- center: ['50%', '60%'],
- roseType: false,
- avoidLabelOverlap: false,
- itemStyle: {
- show: true,
- borderRadius: 10,
- borderColor: '#fff',
- borderWidth: 2
- },
- label: {
- show: false,
- position: 'center'
- },
- emphasis: {
- label: {
- show: true,
- fontSize: '40',
- fontWeight: 'bold'
- }
- },
- labelLine: {
- show: false
- }
- }
- ]
- }
- export default class Config extends PublicConfigClass implements CreateComponentType {
- public key: string = PieCommonConfig.key
- public chartConfig = PieCommonConfig
- // 图表配置项
- public option = echartOptionProfixHandle(option, includes)
- }
|