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)
|
|||
|
|
}
|