100 lines
2.3 KiB
TypeScript
100 lines
2.3 KiB
TypeScript
|
||
import { echartOptionProfixHandle, PublicConfigClass } from '@/packages/public'
|
||
import { CreateComponentType } from '@/packages/index.d'
|
||
import { PieConfig } from './index'
|
||
import cloneDeep from 'lodash/cloneDeep'
|
||
import dataJson from './data.json'
|
||
|
||
export const includes = ['legend']
|
||
|
||
|
||
export const indicatorPlacements = [
|
||
{
|
||
label: '内部',
|
||
value: 'inside'
|
||
},
|
||
{
|
||
label: '外部',
|
||
value: 'outside'
|
||
}
|
||
]
|
||
|
||
export enum FontWeightEnum {
|
||
NORMAL = '常规',
|
||
BOLD = '加粗',
|
||
}
|
||
|
||
export const FontWeightObject = {
|
||
[FontWeightEnum.NORMAL]: 'normal',
|
||
[FontWeightEnum.BOLD]: 'bold',
|
||
}
|
||
|
||
export enum LegendOrientEnum {
|
||
HORIZONTAL = '水平',
|
||
VERTICAL = '垂直'
|
||
}
|
||
|
||
export const legendOrientObject = {
|
||
[LegendOrientEnum.HORIZONTAL]: 'horizontal',
|
||
[LegendOrientEnum.VERTICAL]: 'vertical'
|
||
}
|
||
|
||
const option = {
|
||
renderer: 'canvas',
|
||
dataset: dataJson,
|
||
labelStyleType: '样式一',
|
||
labelColor1: '#ffffff',
|
||
labelColor2: '#ffffff',
|
||
labelPadding1: "0,3,0,-5",
|
||
labelPadding2: "0,3,-10,5",
|
||
showDataLabels: false,
|
||
showLegendValue: false,
|
||
showLegendPercent: false,
|
||
showLableLineImage: false,
|
||
labelLineColor: '#ffffff',
|
||
lableLineLength1: 30,
|
||
lableLineLength2: 40,
|
||
series: [],
|
||
legend: {
|
||
itemGap: 10,
|
||
x: 0,
|
||
y: 0,
|
||
orient: 'vertical',
|
||
// top: "center",
|
||
//@ts-ignore
|
||
data: dataJson,
|
||
icon: 'rectangle',
|
||
textStyle: {
|
||
color: '#fff',
|
||
fontSize: 14,
|
||
padding: [5, 0],
|
||
}
|
||
},
|
||
grid3D: {
|
||
show: false,
|
||
boxHeight: 3, //圆环的高度
|
||
//@ts-ignore
|
||
left: '-15%',
|
||
//@ts-ignore
|
||
top: '5%', //3d饼图的位置
|
||
viewControl: {
|
||
//3d效果可以放大、旋转等，请自己去查看官方配置
|
||
alpha: 15, //角度
|
||
distance: 280, //调整视角到主体的距离，类似调整zoom
|
||
rotateSensitivity: 0, //设置为0无法旋转
|
||
zoomSensitivity: 1, //设置为0无法缩放
|
||
panSensitivity: 1, //设置为0无法平移
|
||
autoRotate: false, //自动旋转
|
||
},
|
||
},
|
||
}
|
||
|
||
|
||
export default class Config extends PublicConfigClass implements CreateComponentType {
|
||
public key: string = PieConfig.key
|
||
|
||
public chartConfig = cloneDeep(PieConfig)
|
||
|
||
// 图表配置项
|
||
public option = echartOptionProfixHandle(option, includes)
|
||
} |