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
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
| import { DEFAULT_BASIC_STYLE } from '@/views/chart/components/editor/util/chart'
|
| export const CHART_MIX_EDITOR_PROPERTY: EditorProperty[] = [
| 'background-overall-component',
| 'border-style',
| 'dual-basic-style-selector',
| 'x-axis-selector',
| 'dual-y-axis-selector',
| 'title-selector',
| 'legend-selector',
| 'label-selector',
| 'tooltip-selector',
| 'assist-line',
| 'function-cfg',
| 'jump-set',
| 'linkage'
| ]
| export const CHART_MIX_EDITOR_PROPERTY_INNER: EditorPropertyInner = {
| 'background-overall-component': ['all'],
| 'border-style': ['all'],
| 'label-selector': ['fontSize', 'color'],
| 'tooltip-selector': ['fontSize', 'color', 'backgroundColor', 'show'],
| 'dual-basic-style-selector': [
| 'colors',
| 'alpha',
| 'gradient',
| 'lineWidth',
| 'lineSymbol',
| 'lineSymbolSize',
| 'lineSmooth',
| 'radiusColumnBar',
| 'subSeriesColor',
| 'seriesColor',
| 'columnWidthRatio'
| ],
| 'x-axis-selector': [
| 'name',
| 'color',
| 'fontSize',
| 'position',
| 'axisLabel',
| 'axisLine',
| 'splitLine'
| ],
| 'dual-y-axis-selector': [
| 'name',
| 'color',
| 'fontSize',
| 'axisLabel',
| 'axisLine',
| 'splitLine',
| 'axisValue',
| 'axisLabelFormatter'
| ],
| 'title-selector': [
| 'title',
| 'fontSize',
| 'color',
| 'hPosition',
| 'isItalic',
| 'isBolder',
| 'remarkShow',
| 'fontFamily',
| 'letterSpace',
| 'fontShadow'
| ],
| 'legend-selector': ['icon', 'orient', 'fontSize', 'color', 'hPosition', 'vPosition'],
| 'function-cfg': ['emptyDataStrategy']
| }
|
| export const CHART_MIX_AXIS_TYPE: AxisType[] = [
| 'xAxis',
| 'yAxis',
| 'drill',
| 'filter',
| 'extLabel',
| 'extTooltip'
| ]
|
| export const CHART_MIX_DEFAULT_BASIC_STYLE = {
| ...DEFAULT_BASIC_STYLE,
| subAlpha: 100,
| subColorScheme: 'fast',
| subSeriesColor: [],
| subColors: [
| '#fae800',
| '#00c039',
| '#0482dc',
| '#bb9581',
| '#ff7701',
| '#9c5ec3',
| '#00ccdf',
| '#00c039',
| '#ff7701'
| ],
| leftLineWidth: 2,
| leftLineSymbol: 'circle',
| leftLineSymbolSize: 4,
| leftLineSmooth: true
| }
|
| export interface MixChartBasicStyle extends ChartBasicStyle {
| subAlpha: number
| subColors: string[]
| subSeriesColor: {
| /**
| * 序列识别id，多指标就是轴id，分组或者堆叠就是类别值
| */
| id: string
| /**
| * 显示名称
| */
| name: string
| /**
| * 序列颜色
| */
| color: string
| }[]
| }
|
|
