evui 3.3.29 → 3.3.32
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/evui.common.js +750 -309
- package/dist/evui.common.js.map +1 -1
- package/dist/evui.umd.js +750 -309
- package/dist/evui.umd.js.map +1 -1
- package/dist/evui.umd.min.js +1 -1
- package/dist/evui.umd.min.js.map +1 -1
- package/package.json +1 -1
- package/src/components/chart/Chart.vue +4 -0
- package/src/components/chart/chart.core.js +59 -41
- package/src/components/chart/element/element.bar.js +10 -6
- package/src/components/chart/element/element.bar.time.js +6 -3
- package/src/components/chart/element/element.line.js +37 -26
- package/src/components/chart/element/element.pie.js +2 -3
- package/src/components/chart/element/element.scatter.js +8 -15
- package/src/components/chart/helpers/helpers.util.js +10 -0
- package/src/components/chart/model/model.store.js +25 -0
- package/src/components/chart/plugins/plugins.interaction.js +53 -42
- package/src/components/chart/plugins/plugins.legend.js +362 -82
- package/src/components/chart/plugins/plugins.pie.js +14 -2
- package/src/components/chart/style/chart.scss +73 -5
- package/src/components/chart/uses.js +28 -0
- package/src/components/grid/style/grid.scss +0 -1
- package/src/components/treeGrid/style/treeGrid.scss +0 -1
|
@@ -30,11 +30,7 @@
|
|
|
30
30
|
.ev-chart-legend {
|
|
31
31
|
position: absolute;
|
|
32
32
|
overflow: hidden;
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
.ev-chart-legend-box {
|
|
36
|
-
overflow-x: hidden;
|
|
37
|
-
overflow-y: auto;
|
|
33
|
+
padding: 5px 0 0 0;
|
|
38
34
|
}
|
|
39
35
|
|
|
40
36
|
.ev-chart-legend-container {
|
|
@@ -95,6 +91,78 @@
|
|
|
95
91
|
overflow: hidden;
|
|
96
92
|
}
|
|
97
93
|
|
|
94
|
+
.ev-chart-legend--table {
|
|
95
|
+
$ev-chart-legend-table-row-padding: 3px;
|
|
96
|
+
$ev-chart-legend-table-color-width: 18px;
|
|
97
|
+
|
|
98
|
+
width: 100%;
|
|
99
|
+
font-size: 12px;
|
|
100
|
+
user-select: none;
|
|
101
|
+
border-collapse: collapse;
|
|
102
|
+
|
|
103
|
+
td, th {
|
|
104
|
+
padding: $ev-chart-legend-table-row-padding;
|
|
105
|
+
text-align: center;
|
|
106
|
+
overflow: hidden;
|
|
107
|
+
white-space: nowrap;
|
|
108
|
+
text-overflow: ellipsis;
|
|
109
|
+
}
|
|
110
|
+
|
|
111
|
+
&__row {
|
|
112
|
+
cursor: pointer;
|
|
113
|
+
min-height: 18px;
|
|
114
|
+
|
|
115
|
+
&:hover {
|
|
116
|
+
font-weight: bold;
|
|
117
|
+
}
|
|
118
|
+
}
|
|
119
|
+
|
|
120
|
+
&__color {
|
|
121
|
+
width: 18px;
|
|
122
|
+
|
|
123
|
+
&-wrapper {
|
|
124
|
+
position: relative;
|
|
125
|
+
min-width: 18px;
|
|
126
|
+
}
|
|
127
|
+
|
|
128
|
+
&--line {
|
|
129
|
+
height: 4px;
|
|
130
|
+
}
|
|
131
|
+
|
|
132
|
+
&--point-line {
|
|
133
|
+
position: absolute;
|
|
134
|
+
top: 50%;
|
|
135
|
+
left: $ev-chart-legend-table-row-padding;
|
|
136
|
+
transform: translate(0, -50%);
|
|
137
|
+
height: 4px;
|
|
138
|
+
|
|
139
|
+
&::after {
|
|
140
|
+
display: inline-block;
|
|
141
|
+
position: absolute;
|
|
142
|
+
top: -2px;
|
|
143
|
+
left: 5px;
|
|
144
|
+
width: 8px;
|
|
145
|
+
height: 8px;
|
|
146
|
+
content: ' ';
|
|
147
|
+
border-radius: 50%;
|
|
148
|
+
background-color: inherit;
|
|
149
|
+
}
|
|
150
|
+
}
|
|
151
|
+
}
|
|
152
|
+
|
|
153
|
+
&__name {
|
|
154
|
+
overflow: hidden;
|
|
155
|
+
white-space: nowrap;
|
|
156
|
+
text-overflow: ellipsis;
|
|
157
|
+
}
|
|
158
|
+
|
|
159
|
+
&__value {
|
|
160
|
+
overflow: hidden;
|
|
161
|
+
white-space: nowrap;
|
|
162
|
+
text-overflow: ellipsis;
|
|
163
|
+
}
|
|
164
|
+
}
|
|
165
|
+
|
|
98
166
|
.ev-chart-legend-line {
|
|
99
167
|
position: relative;
|
|
100
168
|
width: 100%;
|
|
@@ -29,6 +29,34 @@ const DEFAULT_OPTIONS = {
|
|
|
29
29
|
width: 140,
|
|
30
30
|
height: 24,
|
|
31
31
|
allowResize: false,
|
|
32
|
+
table: {
|
|
33
|
+
use: false,
|
|
34
|
+
columns: {
|
|
35
|
+
name: {
|
|
36
|
+
title: 'Name',
|
|
37
|
+
},
|
|
38
|
+
min: {
|
|
39
|
+
title: 'MIN',
|
|
40
|
+
use: false,
|
|
41
|
+
},
|
|
42
|
+
max: {
|
|
43
|
+
title: 'MAX',
|
|
44
|
+
use: false,
|
|
45
|
+
},
|
|
46
|
+
avg: {
|
|
47
|
+
title: 'AVG',
|
|
48
|
+
use: false,
|
|
49
|
+
},
|
|
50
|
+
total: {
|
|
51
|
+
title: 'TOTAL',
|
|
52
|
+
use: false,
|
|
53
|
+
},
|
|
54
|
+
last: {
|
|
55
|
+
title: 'LAST',
|
|
56
|
+
use: false,
|
|
57
|
+
},
|
|
58
|
+
},
|
|
59
|
+
},
|
|
32
60
|
},
|
|
33
61
|
itemHighlight: true,
|
|
34
62
|
seriesHighlight: true,
|