config.ts
2.93 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
import { echartOptionProfixHandle, PublicConfigClass } from '@/packages/public'
import { WordCloudConfig } from './index'
import { CreateComponentType } from '@/packages/index.d'
import cloneDeep from 'lodash/cloneDeep'
import dataJson from './data.json'
export const includes = []
export const ShapeEnumList = [
{ label: '圆形', value: 'circle' },
{ label: '心形', value: 'cardioid' },
{ label: '钻石', value: 'diamond' },
{ label: '右三角形', value: 'triangle-forward' },
{ label: '三角形', value: 'triangle' },
{ label: '五边形', value: 'pentagon' },
{ label: '星星', value: 'star' }
]
export const option = {
dataset: [...dataJson],
tooltip: {},
series: [
{
type: 'wordCloud',
// “云”绘制的形状，可以是表示为回调函数，也可以是固定关键字。
// 可用值有：circle|cardioid|diamond|triangle-forward|triangle|pentagon|star
shape: 'circle',
// 白色区域将被排除在绘制文本之外的剪影图像。
// 随着云的形状生长，形状选项将继续应用。
// maskImage: maskImage,
// Folllowing left/top/width/height/right/bottom are used for positioning the word cloud
// Default to be put in the center and has 75% x 80% size.
left: 'center',
top: 'center',
width: '70%',
height: '80%',
right: null,
bottom: null,
// 文本大小范围，默认 [12,60]
sizeRange: [12, 60],
// 文本旋转范围和程度的步骤。 文本将通过旋转步骤45在[-90，90]中随机旋转
rotationRange: [0, 0],
rotationStep: 0,
// size of the grid in pixels for marking the availability of the canvas
// 网格大小越大，单词之间的差距就越大。
gridSize: 8,
// 设置为true，以允许单词在画布之外部分地绘制。允许绘制大于画布的大小
drawOutOfBound: false,
// If perform layout animation.
// NOTE disable it will lead to UI blocking when there is lots of words.
layoutAnimation: true,
// Global text style
textStyle: {
fontFamily: 'sans-serif',
fontWeight: 'bold'
// 颜色可以是回调功能或颜色字符串
// color: function () {
// // 随机颜色
// return (
// 'rgb(' +
// [Math.round(Math.random() * 160), Math.round(Math.random() * 160), Math.round(Math.random() * 160)].join(
// ','
// ) +
// ')'
// )
// }
},
emphasis: {
focus: 'self',
textStyle: {
shadowBlur: 10,
shadowColor: '#333'
}
},
data: [...dataJson]
}
]
}
export default class Config extends PublicConfigClass implements CreateComponentType {
public key = WordCloudConfig.key
public chartConfig = cloneDeep(WordCloudConfig)
// 图表配置项
public option = echartOptionProfixHandle(option, includes)
}