@carbon/charts 0.32.8 → 0.32.12
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/CHANGELOG.md +35 -0
- package/build/demo/data/area.d.ts +17 -0
- package/build/demo/data/bar.d.ts +51 -0
- package/build/demo/data/gauge.d.ts +40 -0
- package/build/demo/data/index.d.ts +6 -0
- package/build/demo/data/line.d.ts +26 -0
- package/build/demo/data/scatter.d.ts +18 -0
- package/build/src/charts/gauge.d.ts +6 -0
- package/build/src/charts/index.d.ts +1 -0
- package/build/src/components/essentials/tooltip-bar.d.ts +2 -2
- package/build/src/components/essentials/tooltip-radar.d.ts +2 -1
- package/build/src/components/essentials/tooltip.d.ts +2 -2
- package/build/src/components/graphs/gauge.d.ts +26 -0
- package/build/src/components/index.d.ts +1 -0
- package/build/src/configuration.d.ts +2 -1
- package/build/src/interfaces/axis-scales.d.ts +2 -0
- package/build/src/interfaces/charts.d.ts +20 -0
- package/build/src/interfaces/components.d.ts +2 -0
- package/build/src/interfaces/enums.d.ts +31 -1
- package/build/src/interfaces/events.d.ts +9 -0
- package/build/src/interfaces/truncation.d.ts +17 -0
- package/build/src/tools.d.ts +9 -0
- package/bundle.js +1 -1
- package/chart.js +21 -22
- package/chart.js.map +1 -1
- package/charts/gauge.d.ts +6 -0
- package/charts/gauge.js +41 -0
- package/charts/gauge.js.map +1 -0
- package/charts/index.d.ts +1 -0
- package/charts/index.js +1 -0
- package/charts/index.js.map +1 -1
- package/components/axes/axis.js +61 -1
- package/components/axes/axis.js.map +1 -1
- package/components/essentials/legend.js +39 -6
- package/components/essentials/legend.js.map +1 -1
- package/components/essentials/tooltip-bar.d.ts +2 -2
- package/components/essentials/tooltip-bar.js +20 -7
- package/components/essentials/tooltip-bar.js.map +1 -1
- package/components/essentials/tooltip-pie.js +3 -0
- package/components/essentials/tooltip-pie.js.map +1 -1
- package/components/essentials/tooltip-radar.d.ts +2 -1
- package/components/essentials/tooltip-radar.js +1 -1
- package/components/essentials/tooltip-radar.js.map +1 -1
- package/components/essentials/tooltip-scatter.js +6 -0
- package/components/essentials/tooltip-scatter.js.map +1 -1
- package/components/essentials/tooltip.d.ts +2 -2
- package/components/essentials/tooltip.js +11 -6
- package/components/essentials/tooltip.js.map +1 -1
- package/components/graphs/area-stacked.js +7 -4
- package/components/graphs/area-stacked.js.map +1 -1
- package/components/graphs/gauge.d.ts +26 -0
- package/components/graphs/gauge.js +301 -0
- package/components/graphs/gauge.js.map +1 -0
- package/components/graphs/line.js +13 -7
- package/components/graphs/line.js.map +1 -1
- package/components/graphs/scatter-stacked.js +1 -1
- package/components/graphs/scatter-stacked.js.map +1 -1
- package/components/index.d.ts +1 -0
- package/components/index.js +1 -0
- package/components/index.js.map +1 -1
- package/configuration.d.ts +2 -1
- package/configuration.js +100 -65
- package/configuration.js.map +1 -1
- package/demo/data/area.d.ts +17 -0
- package/demo/data/area.js +45 -19
- package/demo/data/area.js.map +1 -1
- package/demo/data/bar.d.ts +51 -0
- package/demo/data/bar.js +52 -0
- package/demo/data/bar.js.map +1 -1
- package/demo/data/bundle.js +1 -1
- package/demo/data/donut.js +10 -10
- package/demo/data/donut.js.map +1 -1
- package/demo/data/gauge.d.ts +40 -0
- package/demo/data/gauge.js +41 -0
- package/demo/data/gauge.js.map +1 -0
- package/demo/data/index.d.ts +6 -0
- package/demo/data/index.js +163 -120
- package/demo/data/index.js.map +1 -1
- package/demo/data/line.d.ts +26 -0
- package/demo/data/line.js +37 -0
- package/demo/data/line.js.map +1 -1
- package/demo/data/scatter.d.ts +18 -0
- package/demo/data/scatter.js +35 -0
- package/demo/data/scatter.js.map +1 -1
- package/demo/styles.css +80 -0
- package/demo/styles.css.map +1 -1
- package/demo/styles.min.css +1 -1
- package/demo/styles.min.css.map +1 -1
- package/demo/tsconfig.tsbuildinfo +62 -23
- package/interfaces/axis-scales.d.ts +2 -0
- package/interfaces/axis-scales.js.map +1 -1
- package/interfaces/charts.d.ts +20 -0
- package/interfaces/charts.js.map +1 -1
- package/interfaces/components.d.ts +2 -0
- package/interfaces/components.js.map +1 -1
- package/interfaces/enums.d.ts +31 -1
- package/interfaces/enums.js +34 -0
- package/interfaces/enums.js.map +1 -1
- package/interfaces/events.d.ts +9 -0
- package/interfaces/events.js +10 -0
- package/interfaces/events.js.map +1 -1
- package/interfaces/truncation.d.ts +17 -0
- package/interfaces/truncation.js +1 -0
- package/interfaces/truncation.js.map +1 -0
- package/model.js +15 -0
- package/model.js.map +1 -1
- package/package.json +1 -1
- package/styles/components/_tooltip.scss +2 -0
- package/styles/graphs/_gauge.scss +19 -0
- package/styles/graphs/index.scss +1 -0
- package/styles-g10.css +21 -0
- package/styles-g10.css.map +1 -1
- package/styles-g10.min.css +1 -1
- package/styles-g10.min.css.map +1 -1
- package/styles-g100.css +21 -0
- package/styles-g100.css.map +1 -1
- package/styles-g100.min.css +1 -1
- package/styles-g100.min.css.map +1 -1
- package/styles-g90.css +21 -0
- package/styles-g90.css.map +1 -1
- package/styles-g90.min.css +1 -1
- package/styles-g90.min.css.map +1 -1
- package/styles.css +21 -0
- package/styles.css.map +1 -1
- package/styles.min.css +1 -1
- package/styles.min.css.map +1 -1
- package/tools.d.ts +9 -0
- package/tools.js +24 -1
- package/tools.js.map +1 -1
- package/tsconfig.tsbuildinfo +106 -40
package/configuration.js
CHANGED
|
@@ -1,11 +1,19 @@
|
|
|
1
1
|
import { Tools } from "./tools";
|
|
2
|
-
import { LegendPositions, } from "./interfaces";
|
|
2
|
+
import { LegendPositions, TruncationTypes, GaugeTypes } from "./interfaces";
|
|
3
3
|
import enUSLocaleObject from "date-fns/locale/en-US/index";
|
|
4
4
|
/*
|
|
5
5
|
*****************************
|
|
6
6
|
* User configurable options *
|
|
7
7
|
*****************************
|
|
8
8
|
*/
|
|
9
|
+
/**
|
|
10
|
+
* Default truncation configuration
|
|
11
|
+
*/
|
|
12
|
+
var standardTruncationOptions = {
|
|
13
|
+
type: TruncationTypes.END_LINE,
|
|
14
|
+
threshold: 16,
|
|
15
|
+
numCharacter: 14,
|
|
16
|
+
};
|
|
9
17
|
/**
|
|
10
18
|
* Legend options
|
|
11
19
|
*/
|
|
@@ -16,27 +24,28 @@ export var legend = {
|
|
|
16
24
|
items: {
|
|
17
25
|
status: {
|
|
18
26
|
ACTIVE: 1,
|
|
19
|
-
DISABLED: 0
|
|
27
|
+
DISABLED: 0
|
|
20
28
|
},
|
|
21
29
|
horizontalSpace: 12,
|
|
22
30
|
verticalSpace: 24,
|
|
23
|
-
textYOffset: 8
|
|
31
|
+
textYOffset: 8
|
|
24
32
|
},
|
|
25
33
|
checkbox: {
|
|
26
34
|
radius: 6.5,
|
|
27
35
|
spaceAfter: 4,
|
|
28
36
|
},
|
|
37
|
+
truncation: standardTruncationOptions,
|
|
29
38
|
};
|
|
30
39
|
/**
|
|
31
40
|
* Grid options
|
|
32
41
|
*/
|
|
33
42
|
export var grid = {
|
|
34
43
|
x: {
|
|
35
|
-
numberOfTicks: 5
|
|
44
|
+
numberOfTicks: 5
|
|
36
45
|
},
|
|
37
46
|
y: {
|
|
38
|
-
numberOfTicks: 5
|
|
39
|
-
}
|
|
47
|
+
numberOfTicks: 5
|
|
48
|
+
}
|
|
40
49
|
};
|
|
41
50
|
/**
|
|
42
51
|
* Tooltip options
|
|
@@ -44,26 +53,26 @@ export var grid = {
|
|
|
44
53
|
export var baseTooltip = {
|
|
45
54
|
datapoint: {
|
|
46
55
|
horizontalOffset: 10,
|
|
47
|
-
enabled: true
|
|
56
|
+
enabled: true
|
|
48
57
|
},
|
|
49
58
|
title: {
|
|
50
59
|
verticalOffset: 0.75,
|
|
51
|
-
width: 0.4
|
|
52
|
-
}
|
|
60
|
+
width: 0.4
|
|
61
|
+
}
|
|
53
62
|
};
|
|
54
63
|
export var axisChartTooltip = Tools.merge({}, baseTooltip, {
|
|
55
64
|
gridline: {
|
|
56
65
|
enabled: true,
|
|
57
|
-
threshold: 0.02
|
|
58
|
-
}
|
|
66
|
+
threshold: 0.02
|
|
67
|
+
}
|
|
59
68
|
});
|
|
60
69
|
export var barChartTooltip = Tools.merge({}, axisChartTooltip, {
|
|
61
70
|
datapoint: {
|
|
62
|
-
verticalOffset: 4
|
|
71
|
+
verticalOffset: 4
|
|
63
72
|
},
|
|
64
73
|
gridline: {
|
|
65
|
-
enabled: false
|
|
66
|
-
}
|
|
74
|
+
enabled: false
|
|
75
|
+
}
|
|
67
76
|
});
|
|
68
77
|
// These options will be managed by Tools.mergeDefaultChartOptions
|
|
69
78
|
// by removing the ones the user is not providing,
|
|
@@ -71,16 +80,20 @@ export var barChartTooltip = Tools.merge({}, axisChartTooltip, {
|
|
|
71
80
|
var axes = {
|
|
72
81
|
top: {
|
|
73
82
|
includeZero: true,
|
|
83
|
+
truncation: standardTruncationOptions,
|
|
74
84
|
},
|
|
75
85
|
bottom: {
|
|
76
86
|
includeZero: true,
|
|
87
|
+
truncation: standardTruncationOptions,
|
|
77
88
|
},
|
|
78
89
|
left: {
|
|
79
90
|
includeZero: true,
|
|
91
|
+
truncation: standardTruncationOptions,
|
|
80
92
|
},
|
|
81
93
|
right: {
|
|
82
94
|
includeZero: true,
|
|
83
|
-
|
|
95
|
+
truncation: standardTruncationOptions,
|
|
96
|
+
}
|
|
84
97
|
};
|
|
85
98
|
export var timeScale = {
|
|
86
99
|
addSpaceOnEdges: 1,
|
|
@@ -95,8 +108,8 @@ export var timeScale = {
|
|
|
95
108
|
weekly: { primary: "eee, MMM d", secondary: "eee" },
|
|
96
109
|
monthly: { primary: "MMM yyyy", secondary: "MMM" },
|
|
97
110
|
quarterly: { primary: "QQQ ''yy", secondary: "QQQ" },
|
|
98
|
-
yearly: { primary: "yyyy", secondary: "yyyy" }
|
|
99
|
-
}
|
|
111
|
+
yearly: { primary: "yyyy", secondary: "yyyy" }
|
|
112
|
+
}
|
|
100
113
|
};
|
|
101
114
|
/**
|
|
102
115
|
* Base chart options common to any chart
|
|
@@ -108,15 +121,15 @@ var chart = {
|
|
|
108
121
|
tooltip: baseTooltip,
|
|
109
122
|
legend: legend,
|
|
110
123
|
style: {
|
|
111
|
-
prefix: "cc"
|
|
124
|
+
prefix: "cc"
|
|
112
125
|
},
|
|
113
126
|
data: {
|
|
114
127
|
groupMapsTo: "group",
|
|
115
|
-
loading: false
|
|
128
|
+
loading: false
|
|
116
129
|
},
|
|
117
130
|
color: {
|
|
118
|
-
scale: null
|
|
119
|
-
}
|
|
131
|
+
scale: null
|
|
132
|
+
}
|
|
120
133
|
};
|
|
121
134
|
/**
|
|
122
135
|
* Options common to any chart with an axis
|
|
@@ -125,19 +138,19 @@ var axisChart = Tools.merge({}, chart, {
|
|
|
125
138
|
axes: axes,
|
|
126
139
|
timeScale: timeScale,
|
|
127
140
|
grid: grid,
|
|
128
|
-
tooltip: axisChartTooltip
|
|
141
|
+
tooltip: axisChartTooltip
|
|
129
142
|
});
|
|
130
143
|
/**
|
|
131
144
|
* options specific to simple bar charts
|
|
132
145
|
*/
|
|
133
146
|
var baseBarChart = Tools.merge({}, axisChart, {
|
|
134
147
|
bars: {
|
|
135
|
-
maxWidth: 16
|
|
148
|
+
maxWidth: 16
|
|
136
149
|
},
|
|
137
150
|
timeScale: Tools.merge(timeScale, {
|
|
138
|
-
addSpaceOnEdges: 1
|
|
151
|
+
addSpaceOnEdges: 1
|
|
139
152
|
}),
|
|
140
|
-
tooltip: barChartTooltip
|
|
153
|
+
tooltip: barChartTooltip
|
|
141
154
|
});
|
|
142
155
|
/**
|
|
143
156
|
* options specific to simple bar charts
|
|
@@ -152,8 +165,8 @@ var groupedBarChart = Tools.merge({}, baseBarChart, {});
|
|
|
152
165
|
*/
|
|
153
166
|
var stackedBarChart = Tools.merge({}, baseBarChart, {
|
|
154
167
|
bars: Tools.merge({}, baseBarChart.bars, {
|
|
155
|
-
dividerSize: 1.5
|
|
156
|
-
})
|
|
168
|
+
dividerSize: 1.5
|
|
169
|
+
})
|
|
157
170
|
});
|
|
158
171
|
/**
|
|
159
172
|
* options specific to line charts
|
|
@@ -162,16 +175,16 @@ var lineChart = Tools.merge({}, axisChart, {
|
|
|
162
175
|
points: {
|
|
163
176
|
// default point radius to 3
|
|
164
177
|
radius: 3,
|
|
165
|
-
filled: false
|
|
166
|
-
}
|
|
178
|
+
filled: false
|
|
179
|
+
}
|
|
167
180
|
});
|
|
168
181
|
/**
|
|
169
182
|
* options specific to area charts
|
|
170
183
|
*/
|
|
171
184
|
var areaChart = Tools.merge({}, lineChart, {
|
|
172
185
|
timeScale: Tools.merge(timeScale, {
|
|
173
|
-
addSpaceOnEdges: 0
|
|
174
|
-
})
|
|
186
|
+
addSpaceOnEdges: 0
|
|
187
|
+
})
|
|
175
188
|
});
|
|
176
189
|
/**
|
|
177
190
|
* options specific to stacked area charts
|
|
@@ -185,8 +198,8 @@ var scatterChart = Tools.merge({}, axisChart, {
|
|
|
185
198
|
// default point radius to 4
|
|
186
199
|
radius: 4,
|
|
187
200
|
fillOpacity: 0.3,
|
|
188
|
-
filled: true
|
|
189
|
-
}
|
|
201
|
+
filled: true
|
|
202
|
+
}
|
|
190
203
|
});
|
|
191
204
|
/**
|
|
192
205
|
* options specific to bubble charts
|
|
@@ -198,11 +211,11 @@ var bubbleChart = Tools.merge({}, axisChart, {
|
|
|
198
211
|
var smallerChartDimension = Math.min(chartSize.width, chartSize.height);
|
|
199
212
|
return [
|
|
200
213
|
(smallerChartDimension * 3) / 400,
|
|
201
|
-
(smallerChartDimension * 25) / 400
|
|
214
|
+
(smallerChartDimension * 25) / 400
|
|
202
215
|
];
|
|
203
216
|
},
|
|
204
|
-
fillOpacity: 0.2
|
|
205
|
-
}
|
|
217
|
+
fillOpacity: 0.2
|
|
218
|
+
}
|
|
206
219
|
});
|
|
207
220
|
/**
|
|
208
221
|
* options specific to pie charts
|
|
@@ -213,7 +226,7 @@ var pieChart = Tools.merge({}, chart, {
|
|
|
213
226
|
innerRadius: 2,
|
|
214
227
|
padAngle: 0.007,
|
|
215
228
|
hoverArc: {
|
|
216
|
-
outerRadiusOffset: 3
|
|
229
|
+
outerRadiusOffset: 3
|
|
217
230
|
},
|
|
218
231
|
xOffset: 30,
|
|
219
232
|
yOffset: 20,
|
|
@@ -223,12 +236,33 @@ var pieChart = Tools.merge({}, chart, {
|
|
|
223
236
|
offsetX: 15,
|
|
224
237
|
offsetY: 12,
|
|
225
238
|
horizontalLineLength: 8,
|
|
226
|
-
textMargin: 2
|
|
239
|
+
textMargin: 2
|
|
227
240
|
},
|
|
228
241
|
labels: {
|
|
229
|
-
formatter: null
|
|
242
|
+
formatter: null
|
|
243
|
+
}
|
|
244
|
+
}
|
|
245
|
+
});
|
|
246
|
+
/**
|
|
247
|
+
* options specific to gauge charts
|
|
248
|
+
*/
|
|
249
|
+
var gaugeChart = Tools.merge({}, chart, {
|
|
250
|
+
legend: {
|
|
251
|
+
enabled: false
|
|
252
|
+
},
|
|
253
|
+
gauge: {
|
|
254
|
+
type: GaugeTypes.SEMI,
|
|
255
|
+
arcWidth: 16,
|
|
256
|
+
deltaArrow: {
|
|
257
|
+
size: function (radius) { return radius / 8; },
|
|
258
|
+
enabled: true
|
|
230
259
|
},
|
|
231
|
-
|
|
260
|
+
status: null,
|
|
261
|
+
numberSpacing: 10,
|
|
262
|
+
deltaFontSize: function (radius) { return radius / 8; },
|
|
263
|
+
valueFontSize: function (radius) { return radius / 2.5; },
|
|
264
|
+
numberFormatter: function (number) { return (number.toFixed(2) % 1 !== 0) ? number.toFixed(2).toLocaleString() : number.toFixed().toLocaleString(); }
|
|
265
|
+
}
|
|
232
266
|
});
|
|
233
267
|
/**
|
|
234
268
|
* options specific to donut charts
|
|
@@ -241,9 +275,9 @@ var donutChart = Tools.merge({}, pieChart, {
|
|
|
241
275
|
},
|
|
242
276
|
titleFontSize: function (radius) { return Math.min((radius / 100) * 15, 15) + "px"; },
|
|
243
277
|
titleYPosition: function (radius) { return Math.min((radius / 80) * 20, 20); },
|
|
244
|
-
numberFormatter: function (number) { return Math.floor(number).toLocaleString(); }
|
|
245
|
-
}
|
|
246
|
-
}
|
|
278
|
+
numberFormatter: function (number) { return Math.floor(number).toLocaleString(); }
|
|
279
|
+
}
|
|
280
|
+
}
|
|
247
281
|
});
|
|
248
282
|
/**
|
|
249
283
|
* options specific to radar charts
|
|
@@ -252,27 +286,27 @@ var radarChart = Tools.merge({}, chart, {
|
|
|
252
286
|
radar: {
|
|
253
287
|
axes: {
|
|
254
288
|
angle: "key",
|
|
255
|
-
value: "value"
|
|
289
|
+
value: "value"
|
|
256
290
|
},
|
|
257
291
|
opacity: {
|
|
258
292
|
unselected: 0.1,
|
|
259
|
-
selected: 0.3
|
|
293
|
+
selected: 0.3
|
|
260
294
|
},
|
|
261
295
|
xLabelPadding: 10,
|
|
262
296
|
yLabelPadding: 8,
|
|
263
297
|
yTicksNumber: 4,
|
|
264
298
|
minRange: 10,
|
|
265
299
|
xAxisRectHeight: 50,
|
|
266
|
-
dotsRadius: 5
|
|
300
|
+
dotsRadius: 5
|
|
267
301
|
},
|
|
268
302
|
tooltip: {
|
|
269
303
|
gridline: {
|
|
270
|
-
enabled: true
|
|
304
|
+
enabled: true
|
|
271
305
|
},
|
|
272
306
|
valueFormatter: function (value) {
|
|
273
307
|
return value !== null && value !== undefined ? value : "N/A";
|
|
274
|
-
}
|
|
275
|
-
}
|
|
308
|
+
}
|
|
309
|
+
}
|
|
276
310
|
});
|
|
277
311
|
export var options = {
|
|
278
312
|
chart: chart,
|
|
@@ -288,6 +322,7 @@ export var options = {
|
|
|
288
322
|
pieChart: pieChart,
|
|
289
323
|
donutChart: donutChart,
|
|
290
324
|
radarChart: radarChart,
|
|
325
|
+
gaugeChart: gaugeChart
|
|
291
326
|
};
|
|
292
327
|
/**
|
|
293
328
|
* Options for line behaviour
|
|
@@ -295,8 +330,8 @@ export var options = {
|
|
|
295
330
|
export var lines = {
|
|
296
331
|
opacity: {
|
|
297
332
|
unselected: 0.3,
|
|
298
|
-
selected: 1
|
|
299
|
-
}
|
|
333
|
+
selected: 1
|
|
334
|
+
}
|
|
300
335
|
};
|
|
301
336
|
/**
|
|
302
337
|
* Options for area behaviour
|
|
@@ -304,8 +339,8 @@ export var lines = {
|
|
|
304
339
|
export var area = {
|
|
305
340
|
opacity: {
|
|
306
341
|
unselected: 0,
|
|
307
|
-
selected: 0.4
|
|
308
|
-
}
|
|
342
|
+
selected: 0.4
|
|
343
|
+
}
|
|
309
344
|
};
|
|
310
345
|
/**
|
|
311
346
|
* Options for area behaviour
|
|
@@ -313,40 +348,40 @@ export var area = {
|
|
|
313
348
|
export var areas = {
|
|
314
349
|
opacity: {
|
|
315
350
|
unselected: 0.3,
|
|
316
|
-
selected: 1
|
|
317
|
-
}
|
|
351
|
+
selected: 1
|
|
352
|
+
}
|
|
318
353
|
};
|
|
319
354
|
/**
|
|
320
355
|
* Base transition configuration
|
|
321
356
|
*/
|
|
322
357
|
export var transitions = {
|
|
323
358
|
default: {
|
|
324
|
-
duration: 300
|
|
359
|
+
duration: 300
|
|
325
360
|
},
|
|
326
361
|
pie_slice_mouseover: {
|
|
327
|
-
duration: 100
|
|
362
|
+
duration: 100
|
|
328
363
|
},
|
|
329
364
|
pie_chart_titles: {
|
|
330
|
-
duration: 375
|
|
365
|
+
duration: 375
|
|
331
366
|
},
|
|
332
367
|
graph_element_mouseover_fill_update: {
|
|
333
|
-
duration: 100
|
|
368
|
+
duration: 100
|
|
334
369
|
},
|
|
335
370
|
graph_element_mouseout_fill_update: {
|
|
336
|
-
duration: 100
|
|
337
|
-
}
|
|
371
|
+
duration: 100
|
|
372
|
+
}
|
|
338
373
|
};
|
|
339
374
|
export var axis = {
|
|
340
375
|
ticks: {
|
|
341
376
|
number: 7,
|
|
342
|
-
rotateIfSmallerThan: 30
|
|
377
|
+
rotateIfSmallerThan: 30
|
|
343
378
|
},
|
|
344
|
-
paddingRatio: 0.1
|
|
379
|
+
paddingRatio: 0.1
|
|
345
380
|
};
|
|
346
381
|
export var spacers = {
|
|
347
382
|
default: {
|
|
348
|
-
size: 24
|
|
349
|
-
}
|
|
383
|
+
size: 24
|
|
384
|
+
}
|
|
350
385
|
};
|
|
351
386
|
export var tickSpaceRatioVertical = 2.5;
|
|
352
387
|
export var tickSpaceRatioHorizontal = 3.5;
|
package/configuration.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"configuration.js","sourceRoot":"","sources":["configuration.ts"],"names":[],"mappings":"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","sourcesContent":["import { Tools } from \"./tools\";\nimport {\n\tBaseChartOptions,\n\tAxisChartOptions,\n\tScatterChartOptions,\n\tLineChartOptions,\n\tBarChartOptions,\n\tStackedBarChartOptions,\n\tAreaChartOptions,\n\tPieChartOptions,\n\tDonutChartOptions,\n\tBubbleChartOptions,\n\tRadarChartOptions,\n\t// Components\n\tGridOptions,\n\tAxesOptions,\n\tTimeScaleOptions,\n\tTooltipOptions,\n\tAxisTooltipOptions,\n\tBarTooltipOptions,\n\tLegendOptions,\n\tLegendPositions,\n\tStackedBarOptions,\n} from \"./interfaces\";\nimport enUSLocaleObject from \"date-fns/locale/en-US/index\";\n\n/*\n *****************************\n * User configurable options *\n *****************************\n */\n\n/**\n * Legend options\n */\nexport const legend: LegendOptions = {\n\tposition: LegendPositions.BOTTOM,\n\tclickable: true,\n\tenabled: true,\n\titems: {\n\t\tstatus: {\n\t\t\tACTIVE: 1,\n\t\t\tDISABLED: 0,\n\t\t},\n\t\thorizontalSpace: 12,\n\t\tverticalSpace: 24,\n\t\ttextYOffset: 8,\n\t},\n\tcheckbox: {\n\t\tradius: 6.5,\n\t\tspaceAfter: 4,\n\t},\n};\n\n/**\n * Grid options\n */\nexport const grid: GridOptions = {\n\tx: {\n\t\tnumberOfTicks: 5,\n\t},\n\ty: {\n\t\tnumberOfTicks: 5,\n\t},\n};\n\n/**\n * Tooltip options\n */\nexport const baseTooltip: TooltipOptions = {\n\tdatapoint: {\n\t\thorizontalOffset: 10,\n\t\tenabled: true,\n\t},\n\ttitle: {\n\t\tverticalOffset: 0.75,\n\t\twidth: 0.4,\n\t},\n};\n\nexport const axisChartTooltip: AxisTooltipOptions = Tools.merge(\n\t{},\n\tbaseTooltip,\n\t{\n\t\tgridline: {\n\t\t\tenabled: true,\n\t\t\tthreshold: 0.02,\n\t\t},\n\t} as AxisTooltipOptions\n);\n\nexport const barChartTooltip: BarTooltipOptions = Tools.merge(\n\t{},\n\taxisChartTooltip,\n\t{\n\t\tdatapoint: {\n\t\t\tverticalOffset: 4,\n\t\t},\n\t\tgridline: {\n\t\t\tenabled: false,\n\t\t},\n\t} as BarTooltipOptions\n);\n\n// These options will be managed by Tools.mergeDefaultChartOptions\n// by removing the ones the user is not providing,\n// and by TwoDimensionalAxes.\nconst axes: AxesOptions = {\n\ttop: {\n\t\tincludeZero: true,\n\t},\n\tbottom: {\n\t\tincludeZero: true,\n\t},\n\tleft: {\n\t\tincludeZero: true,\n\t},\n\tright: {\n\t\tincludeZero: true,\n\t},\n};\n\nexport const timeScale: TimeScaleOptions = {\n\taddSpaceOnEdges: 1,\n\tshowDayName: false,\n\tlocaleObject: enUSLocaleObject,\n\ttimeIntervalFormats: {\n\t\t\"15seconds\": { primary: \"MMM d, pp\", secondary: \"pp\" },\n\t\tminute: { primary: \"MMM d, p\", secondary: \"p\" },\n\t\t\"30minutes\": { primary: \"MMM d, p\", secondary: \"p\" },\n\t\thourly: { primary: \"MMM d, hh a\", secondary: \"hh a\" },\n\t\tdaily: { primary: \"MMM d\", secondary: \"d\" },\n\t\tweekly: { primary: \"eee, MMM d\", secondary: \"eee\" },\n\t\tmonthly: { primary: \"MMM yyyy\", secondary: \"MMM\" },\n\t\tquarterly: { primary: \"QQQ ''yy\", secondary: \"QQQ\" },\n\t\tyearly: { primary: \"yyyy\", secondary: \"yyyy\" },\n\t},\n};\n\n/**\n * Base chart options common to any chart\n */\nconst chart: BaseChartOptions = {\n\twidth: null,\n\theight: null,\n\tresizable: true,\n\ttooltip: baseTooltip,\n\tlegend,\n\tstyle: {\n\t\tprefix: \"cc\",\n\t},\n\tdata: {\n\t\tgroupMapsTo: \"group\",\n\t\tloading: false,\n\t},\n\tcolor: {\n\t\tscale: null,\n\t},\n};\n\n/**\n * Options common to any chart with an axis\n */\nconst axisChart: AxisChartOptions = Tools.merge({}, chart, {\n\taxes,\n\ttimeScale,\n\tgrid,\n\ttooltip: axisChartTooltip,\n} as AxisChartOptions);\n\n/**\n * options specific to simple bar charts\n */\nconst baseBarChart: BarChartOptions = Tools.merge({}, axisChart, {\n\tbars: {\n\t\tmaxWidth: 16,\n\t},\n\ttimeScale: Tools.merge(timeScale, {\n\t\taddSpaceOnEdges: 1,\n\t} as TimeScaleOptions),\n\ttooltip: barChartTooltip,\n} as BarChartOptions);\n\n/**\n * options specific to simple bar charts\n */\nconst simpleBarChart: BarChartOptions = Tools.merge(\n\t{},\n\tbaseBarChart,\n\t{} as BarChartOptions\n);\n\n/**\n * options specific to simple bar charts\n */\nconst groupedBarChart: BarChartOptions = Tools.merge(\n\t{},\n\tbaseBarChart,\n\t{} as BarChartOptions\n);\n\n/**\n * options specific to stacked bar charts\n */\nconst stackedBarChart: StackedBarChartOptions = Tools.merge({}, baseBarChart, {\n\tbars: Tools.merge({}, baseBarChart.bars, {\n\t\tdividerSize: 1.5,\n\t} as StackedBarOptions),\n} as BarChartOptions);\n\n/**\n * options specific to line charts\n */\nconst lineChart: LineChartOptions = Tools.merge({}, axisChart, {\n\tpoints: {\n\t\t// default point radius to 3\n\t\tradius: 3,\n\t\tfilled: false,\n\t},\n} as LineChartOptions);\n\n/**\n * options specific to area charts\n */\nconst areaChart: AreaChartOptions = Tools.merge({}, lineChart, {\n\ttimeScale: Tools.merge(timeScale, {\n\t\taddSpaceOnEdges: 0,\n\t} as TimeScaleOptions),\n} as LineChartOptions);\n\n/**\n * options specific to stacked area charts\n */\nconst stackedAreaChart = areaChart;\n\n/**\n * options specific to scatter charts\n */\nconst scatterChart: ScatterChartOptions = Tools.merge({}, axisChart, {\n\tpoints: {\n\t\t// default point radius to 4\n\t\tradius: 4,\n\t\tfillOpacity: 0.3,\n\t\tfilled: true,\n\t},\n} as ScatterChartOptions);\n\n/**\n * options specific to bubble charts\n */\nconst bubbleChart: BubbleChartOptions = Tools.merge({}, axisChart, {\n\tbubble: {\n\t\tradiusMapsTo: \"radius\",\n\t\tradiusRange: (chartSize, data) => {\n\t\t\tconst smallerChartDimension = Math.min(\n\t\t\t\tchartSize.width,\n\t\t\t\tchartSize.height\n\t\t\t);\n\t\t\treturn [\n\t\t\t\t(smallerChartDimension * 3) / 400,\n\t\t\t\t(smallerChartDimension * 25) / 400,\n\t\t\t];\n\t\t},\n\t\tfillOpacity: 0.2,\n\t},\n} as BubbleChartOptions);\n\n/**\n * options specific to pie charts\n */\nconst pieChart: PieChartOptions = Tools.merge({}, chart, {\n\tpie: {\n\t\tradiusOffset: -15,\n\t\tinnerRadius: 2,\n\t\tpadAngle: 0.007,\n\t\thoverArc: {\n\t\t\touterRadiusOffset: 3,\n\t\t},\n\t\txOffset: 30,\n\t\tyOffset: 20,\n\t\tyOffsetCallout: 10,\n\t\tcallout: {\n\t\t\tminSliceDegree: 5,\n\t\t\toffsetX: 15,\n\t\t\toffsetY: 12,\n\t\t\thorizontalLineLength: 8,\n\t\t\ttextMargin: 2,\n\t\t},\n\t\tlabels: {\n\t\t\tformatter: null,\n\t\t},\n\t},\n} as PieChartOptions);\n\n/**\n * options specific to donut charts\n */\nconst donutChart: DonutChartOptions = Tools.merge({}, pieChart, {\n\tdonut: {\n\t\tcenter: {\n\t\t\tnumberFontSize: (radius) =>\n\t\t\t\tMath.min((radius / 100) * 24, 24) + \"px\",\n\t\t\ttitleFontSize: (radius) => Math.min((radius / 100) * 15, 15) + \"px\",\n\t\t\ttitleYPosition: (radius) => Math.min((radius / 80) * 20, 20),\n\t\t\tnumberFormatter: (number) => Math.floor(number).toLocaleString(),\n\t\t},\n\t},\n} as DonutChartOptions);\n\n/**\n * options specific to radar charts\n */\nconst radarChart: RadarChartOptions = Tools.merge({}, chart, {\n\tradar: {\n\t\taxes: {\n\t\t\tangle: \"key\",\n\t\t\tvalue: \"value\",\n\t\t},\n\t\topacity: {\n\t\t\tunselected: 0.1,\n\t\t\tselected: 0.3,\n\t\t},\n\t\txLabelPadding: 10,\n\t\tyLabelPadding: 8,\n\t\tyTicksNumber: 4,\n\t\tminRange: 10,\n\t\txAxisRectHeight: 50,\n\t\tdotsRadius: 5,\n\t},\n\ttooltip: {\n\t\tgridline: {\n\t\t\tenabled: true,\n\t\t},\n\t\tvalueFormatter: (value) =>\n\t\t\tvalue !== null && value !== undefined ? value : \"N/A\",\n\t},\n} as RadarChartOptions);\n\nexport const options = {\n\tchart,\n\taxisChart,\n\tsimpleBarChart,\n\tgroupedBarChart,\n\tstackedBarChart,\n\tbubbleChart,\n\tlineChart,\n\tareaChart,\n\tstackedAreaChart,\n\tscatterChart,\n\tpieChart,\n\tdonutChart,\n\tradarChart,\n};\n\n/**\n * Options for line behaviour\n */\nexport const lines = {\n\topacity: {\n\t\tunselected: 0.3,\n\t\tselected: 1,\n\t},\n};\n\n/**\n * Options for area behaviour\n */\nexport const area = {\n\topacity: {\n\t\tunselected: 0,\n\t\tselected: 0.4,\n\t},\n};\n\n/**\n * Options for area behaviour\n */\nexport const areas = {\n\topacity: {\n\t\tunselected: 0.3,\n\t\tselected: 1,\n\t},\n};\n\n/**\n * Base transition configuration\n */\nexport const transitions = {\n\tdefault: {\n\t\tduration: 300,\n\t},\n\tpie_slice_mouseover: {\n\t\tduration: 100,\n\t},\n\tpie_chart_titles: {\n\t\tduration: 375,\n\t},\n\tgraph_element_mouseover_fill_update: {\n\t\tduration: 100,\n\t},\n\tgraph_element_mouseout_fill_update: {\n\t\tduration: 100,\n\t},\n};\n\nexport const axis = {\n\tticks: {\n\t\tnumber: 7,\n\t\trotateIfSmallerThan: 30,\n\t},\n\tpaddingRatio: 0.1,\n};\n\nexport const spacers = {\n\tdefault: {\n\t\tsize: 24,\n\t},\n};\n\nexport const tickSpaceRatioVertical = 2.5;\nexport const tickSpaceRatioHorizontal = 3.5;\n"]}
|
|
1
|
+
{"version":3,"file":"configuration.js","sourceRoot":"","sources":["configuration.ts"],"names":[],"mappings":"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","sourcesContent":["import { Tools } from \"./tools\";\nimport {\n\tBaseChartOptions,\n\tAxisChartOptions,\n\tScatterChartOptions,\n\tLineChartOptions,\n\tBarChartOptions,\n\tStackedBarChartOptions,\n\tAreaChartOptions,\n\tPieChartOptions,\n\tGaugeChartOptions,\n\tDonutChartOptions,\n\tBubbleChartOptions,\n\tRadarChartOptions,\n\t// Components\n\tGridOptions,\n\tAxesOptions,\n\tTimeScaleOptions,\n\tTooltipOptions,\n\tAxisTooltipOptions,\n\tBarTooltipOptions,\n\tLegendOptions,\n\tLegendPositions,\n TruncationTypes,\n\tStackedBarOptions,\n\tGaugeTypes\n} from \"./interfaces\";\nimport enUSLocaleObject from \"date-fns/locale/en-US/index\";\n\n/*\n *****************************\n * User configurable options *\n *****************************\n */\n\n\n/**\n * Default truncation configuration\n */\nconst standardTruncationOptions = {\n\ttype: TruncationTypes.END_LINE,\n\tthreshold: 16,\n\tnumCharacter: 14,\n};\n\n/**\n * Legend options\n */\nexport const legend: LegendOptions = {\n\tposition: LegendPositions.BOTTOM,\n\tclickable: true,\n\tenabled: true,\n\titems: {\n\t\tstatus: {\n\t\t\tACTIVE: 1,\n\t\t\tDISABLED: 0\n\t\t},\n\t\thorizontalSpace: 12,\n\t\tverticalSpace: 24,\n\t\ttextYOffset: 8\n\t},\n\tcheckbox: {\n\t\tradius: 6.5,\n\t\tspaceAfter: 4,\n\t},\n\ttruncation: standardTruncationOptions,\n};\n\n/**\n * Grid options\n */\nexport const grid: GridOptions = {\n\tx: {\n\t\tnumberOfTicks: 5\n\t},\n\ty: {\n\t\tnumberOfTicks: 5\n\t}\n};\n\n/**\n * Tooltip options\n */\nexport const baseTooltip: TooltipOptions = {\n\tdatapoint: {\n\t\thorizontalOffset: 10,\n\t\tenabled: true\n\t},\n\ttitle: {\n\t\tverticalOffset: 0.75,\n\t\twidth: 0.4\n\t}\n};\n\nexport const axisChartTooltip: AxisTooltipOptions = Tools.merge(\n\t{},\n\tbaseTooltip,\n\t{\n\t\tgridline: {\n\t\t\tenabled: true,\n\t\t\tthreshold: 0.02\n\t\t}\n\t} as AxisTooltipOptions\n);\n\nexport const barChartTooltip: BarTooltipOptions = Tools.merge(\n\t{},\n\taxisChartTooltip,\n\t{\n\t\tdatapoint: {\n\t\t\tverticalOffset: 4\n\t\t},\n\t\tgridline: {\n\t\t\tenabled: false\n\t\t}\n\t} as BarTooltipOptions\n);\n\n// These options will be managed by Tools.mergeDefaultChartOptions\n// by removing the ones the user is not providing,\n// and by TwoDimensionalAxes.\nconst axes: AxesOptions = {\n\ttop: {\n\t\tincludeZero: true,\n truncation: standardTruncationOptions,\n\t},\n\tbottom: {\n\t\tincludeZero: true,\n truncation: standardTruncationOptions,\n\t},\n\tleft: {\n\t\tincludeZero: true,\n truncation: standardTruncationOptions,\n\t},\n\tright: {\n\t\tincludeZero: true,\n truncation: standardTruncationOptions,\n\t}\n};\n\nexport const timeScale: TimeScaleOptions = {\n\taddSpaceOnEdges: 1,\n\tshowDayName: false,\n\tlocaleObject: enUSLocaleObject,\n\ttimeIntervalFormats: {\n\t\t\"15seconds\": { primary: \"MMM d, pp\", secondary: \"pp\" },\n\t\tminute: { primary: \"MMM d, p\", secondary: \"p\" },\n\t\t\"30minutes\": { primary: \"MMM d, p\", secondary: \"p\" },\n\t\thourly: { primary: \"MMM d, hh a\", secondary: \"hh a\" },\n\t\tdaily: { primary: \"MMM d\", secondary: \"d\" },\n\t\tweekly: { primary: \"eee, MMM d\", secondary: \"eee\" },\n\t\tmonthly: { primary: \"MMM yyyy\", secondary: \"MMM\" },\n\t\tquarterly: { primary: \"QQQ ''yy\", secondary: \"QQQ\" },\n\t\tyearly: { primary: \"yyyy\", secondary: \"yyyy\" }\n\t}\n};\n\n/**\n * Base chart options common to any chart\n */\nconst chart: BaseChartOptions = {\n\twidth: null,\n\theight: null,\n\tresizable: true,\n\ttooltip: baseTooltip,\n\tlegend,\n\tstyle: {\n\t\tprefix: \"cc\"\n\t},\n\tdata: {\n\t\tgroupMapsTo: \"group\",\n\t\tloading: false\n\t},\n\tcolor: {\n\t\tscale: null\n\t}\n};\n\n/**\n * Options common to any chart with an axis\n */\nconst axisChart: AxisChartOptions = Tools.merge({}, chart, {\n\taxes,\n\ttimeScale,\n\tgrid,\n\ttooltip: axisChartTooltip\n} as AxisChartOptions);\n\n/**\n * options specific to simple bar charts\n */\nconst baseBarChart: BarChartOptions = Tools.merge({}, axisChart, {\n\tbars: {\n\t\tmaxWidth: 16\n\t},\n\ttimeScale: Tools.merge(timeScale, {\n\t\taddSpaceOnEdges: 1\n\t} as TimeScaleOptions),\n\ttooltip: barChartTooltip\n} as BarChartOptions);\n\n/**\n * options specific to simple bar charts\n */\nconst simpleBarChart: BarChartOptions = Tools.merge(\n\t{},\n\tbaseBarChart,\n\t{} as BarChartOptions\n);\n\n/**\n * options specific to simple bar charts\n */\nconst groupedBarChart: BarChartOptions = Tools.merge(\n\t{},\n\tbaseBarChart,\n\t{} as BarChartOptions\n);\n\n/**\n * options specific to stacked bar charts\n */\nconst stackedBarChart: StackedBarChartOptions = Tools.merge({}, baseBarChart, {\n\tbars: Tools.merge({}, baseBarChart.bars, {\n\t\tdividerSize: 1.5\n\t} as StackedBarOptions)\n} as BarChartOptions);\n\n/**\n * options specific to line charts\n */\nconst lineChart: LineChartOptions = Tools.merge({}, axisChart, {\n\tpoints: {\n\t\t// default point radius to 3\n\t\tradius: 3,\n\t\tfilled: false\n\t}\n} as LineChartOptions);\n\n/**\n * options specific to area charts\n */\nconst areaChart: AreaChartOptions = Tools.merge({}, lineChart, {\n\ttimeScale: Tools.merge(timeScale, {\n\t\taddSpaceOnEdges: 0\n\t} as TimeScaleOptions)\n} as LineChartOptions);\n\n/**\n * options specific to stacked area charts\n */\nconst stackedAreaChart = areaChart;\n\n/**\n * options specific to scatter charts\n */\nconst scatterChart: ScatterChartOptions = Tools.merge({}, axisChart, {\n\tpoints: {\n\t\t// default point radius to 4\n\t\tradius: 4,\n\t\tfillOpacity: 0.3,\n\t\tfilled: true\n\t}\n} as ScatterChartOptions);\n\n/**\n * options specific to bubble charts\n */\nconst bubbleChart: BubbleChartOptions = Tools.merge({}, axisChart, {\n\tbubble: {\n\t\tradiusMapsTo: \"radius\",\n\t\tradiusRange: (chartSize, data) => {\n\t\t\tconst smallerChartDimension = Math.min(\n\t\t\t\tchartSize.width,\n\t\t\t\tchartSize.height\n\t\t\t);\n\t\t\treturn [\n\t\t\t\t(smallerChartDimension * 3) / 400,\n\t\t\t\t(smallerChartDimension * 25) / 400\n\t\t\t];\n\t\t},\n\t\tfillOpacity: 0.2\n\t}\n} as BubbleChartOptions);\n\n/**\n * options specific to pie charts\n */\nconst pieChart: PieChartOptions = Tools.merge({}, chart, {\n\tpie: {\n\t\tradiusOffset: -15,\n\t\tinnerRadius: 2,\n\t\tpadAngle: 0.007,\n\t\thoverArc: {\n\t\t\touterRadiusOffset: 3\n\t\t},\n\t\txOffset: 30,\n\t\tyOffset: 20,\n\t\tyOffsetCallout: 10,\n\t\tcallout: {\n\t\t\tminSliceDegree: 5,\n\t\t\toffsetX: 15,\n\t\t\toffsetY: 12,\n\t\t\thorizontalLineLength: 8,\n\t\t\ttextMargin: 2\n\t\t},\n\t\tlabels: {\n\t\t\tformatter: null\n\t\t}\n\t}\n} as PieChartOptions);\n\n/**\n * options specific to gauge charts\n */\nconst gaugeChart: GaugeChartOptions = Tools.merge({}, chart, {\n\tlegend: {\n\t\tenabled: false\n\t},\n\tgauge: {\n\t\ttype: GaugeTypes.SEMI,\n\t\tarcWidth: 16,\n\t\tdeltaArrow: {\n\t\t\tsize: (radius) => radius / 8,\n\t\t\tenabled: true\n\t\t},\n\t\tstatus: null,\n\t\tnumberSpacing: 10,\n\t\tdeltaFontSize: (radius) => radius / 8,\n\t\tvalueFontSize: (radius) => radius / 2.5,\n\t\tnumberFormatter: (number) => (number.toFixed(2) % 1 !== 0) ? number.toFixed(2).toLocaleString() : number.toFixed().toLocaleString()\n\t}\n} as GaugeChartOptions);\n\n/**\n * options specific to donut charts\n */\nconst donutChart: DonutChartOptions = Tools.merge({}, pieChart, {\n\tdonut: {\n\t\tcenter: {\n\t\t\tnumberFontSize: (radius) =>\n\t\t\t\tMath.min((radius / 100) * 24, 24) + \"px\",\n\t\t\ttitleFontSize: (radius) => Math.min((radius / 100) * 15, 15) + \"px\",\n\t\t\ttitleYPosition: (radius) => Math.min((radius / 80) * 20, 20),\n\t\t\tnumberFormatter: (number) => Math.floor(number).toLocaleString()\n\t\t}\n\t}\n} as DonutChartOptions);\n\n/**\n * options specific to radar charts\n */\nconst radarChart: RadarChartOptions = Tools.merge({}, chart, {\n\tradar: {\n\t\taxes: {\n\t\t\tangle: \"key\",\n\t\t\tvalue: \"value\"\n\t\t},\n\t\topacity: {\n\t\t\tunselected: 0.1,\n\t\t\tselected: 0.3\n\t\t},\n\t\txLabelPadding: 10,\n\t\tyLabelPadding: 8,\n\t\tyTicksNumber: 4,\n\t\tminRange: 10,\n\t\txAxisRectHeight: 50,\n\t\tdotsRadius: 5\n\t},\n\ttooltip: {\n\t\tgridline: {\n\t\t\tenabled: true\n\t\t},\n\t\tvalueFormatter: (value) =>\n\t\t\tvalue !== null && value !== undefined ? value : \"N/A\"\n\t}\n} as RadarChartOptions);\n\nexport const options = {\n\tchart,\n\taxisChart,\n\tsimpleBarChart,\n\tgroupedBarChart,\n\tstackedBarChart,\n\tbubbleChart,\n\tlineChart,\n\tareaChart,\n\tstackedAreaChart,\n\tscatterChart,\n\tpieChart,\n\tdonutChart,\n\tradarChart,\n\tgaugeChart\n};\n\n/**\n * Options for line behaviour\n */\nexport const lines = {\n\topacity: {\n\t\tunselected: 0.3,\n\t\tselected: 1\n\t}\n};\n\n/**\n * Options for area behaviour\n */\nexport const area = {\n\topacity: {\n\t\tunselected: 0,\n\t\tselected: 0.4\n\t}\n};\n\n/**\n * Options for area behaviour\n */\nexport const areas = {\n\topacity: {\n\t\tunselected: 0.3,\n\t\tselected: 1\n\t}\n};\n\n/**\n * Base transition configuration\n */\nexport const transitions = {\n\tdefault: {\n\t\tduration: 300\n\t},\n\tpie_slice_mouseover: {\n\t\tduration: 100\n\t},\n\tpie_chart_titles: {\n\t\tduration: 375\n\t},\n\tgraph_element_mouseover_fill_update: {\n\t\tduration: 100\n\t},\n\tgraph_element_mouseout_fill_update: {\n\t\tduration: 100\n\t}\n};\n\nexport const axis = {\n\tticks: {\n\t\tnumber: 7,\n\t\trotateIfSmallerThan: 30\n\t},\n\tpaddingRatio: 0.1\n};\n\nexport const spacers = {\n\tdefault: {\n\t\tsize: 24\n\t}\n};\n\nexport const tickSpaceRatioVertical = 2.5;\nexport const tickSpaceRatioHorizontal = 3.5;\n"]}
|
package/demo/data/area.d.ts
CHANGED
|
@@ -55,6 +55,23 @@ export declare const stackedAreaTimeSeriesOptions: {
|
|
|
55
55
|
};
|
|
56
56
|
curve: string;
|
|
57
57
|
};
|
|
58
|
+
export declare const stackedAreaTimeSeriesUnevenData: {
|
|
59
|
+
group: string;
|
|
60
|
+
date: Date;
|
|
61
|
+
value: number;
|
|
62
|
+
}[];
|
|
63
|
+
export declare const stackedAreaTimeSeriesUnevenDataOptions: {
|
|
64
|
+
title: string;
|
|
65
|
+
axes: {
|
|
66
|
+
left: {
|
|
67
|
+
stacked: boolean;
|
|
68
|
+
};
|
|
69
|
+
bottom: {
|
|
70
|
+
scaleType: string;
|
|
71
|
+
};
|
|
72
|
+
};
|
|
73
|
+
curve: string;
|
|
74
|
+
};
|
|
58
75
|
export declare const stackedAreaPercentageTimeSeriesOptions: {
|
|
59
76
|
title: string;
|
|
60
77
|
axes: {
|
package/demo/data/area.js
CHANGED
|
@@ -13,7 +13,7 @@ export var areaTimeSeriesData = [
|
|
|
13
13
|
{ group: "Dataset 3", date: new Date(2019, 0, 6), value: 37312 },
|
|
14
14
|
{ group: "Dataset 3", date: new Date(2019, 0, 8), value: 51432 },
|
|
15
15
|
{ group: "Dataset 3", date: new Date(2019, 0, 13), value: 40323 },
|
|
16
|
-
{ group: "Dataset 3", date: new Date(2019, 0, 19), value: 31300 }
|
|
16
|
+
{ group: "Dataset 3", date: new Date(2019, 0, 19), value: 31300 }
|
|
17
17
|
];
|
|
18
18
|
export var areaTimeSeriesOptions = {
|
|
19
19
|
title: "Area (time series)",
|
|
@@ -21,14 +21,14 @@ export var areaTimeSeriesOptions = {
|
|
|
21
21
|
bottom: {
|
|
22
22
|
title: "2019 Annual Sales Figures",
|
|
23
23
|
mapsTo: "date",
|
|
24
|
-
scaleType: "time"
|
|
24
|
+
scaleType: "time"
|
|
25
25
|
},
|
|
26
26
|
left: {
|
|
27
27
|
mapsTo: "value",
|
|
28
28
|
title: "Conversion rate",
|
|
29
|
-
scaleType: "linear"
|
|
30
|
-
}
|
|
31
|
-
}
|
|
29
|
+
scaleType: "linear"
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
32
|
};
|
|
33
33
|
export var areaTimeSeriesCurvedData = [
|
|
34
34
|
{ group: "Dataset 1", date: new Date(2019, 0, 1), value: 0 },
|
|
@@ -40,7 +40,7 @@ export var areaTimeSeriesCurvedData = [
|
|
|
40
40
|
{ group: "Dataset 2", date: new Date(2019, 0, 5), value: 14178 },
|
|
41
41
|
{ group: "Dataset 2", date: new Date(2019, 0, 8), value: 23094 },
|
|
42
42
|
{ group: "Dataset 2", date: new Date(2019, 0, 13), value: 45281 },
|
|
43
|
-
{ group: "Dataset 2", date: new Date(2019, 0, 19), value: -63954 }
|
|
43
|
+
{ group: "Dataset 2", date: new Date(2019, 0, 19), value: -63954 }
|
|
44
44
|
];
|
|
45
45
|
export var areaTimeSeriesCurvedOptions = {
|
|
46
46
|
title: "Area (time series - natural curve)",
|
|
@@ -48,14 +48,14 @@ export var areaTimeSeriesCurvedOptions = {
|
|
|
48
48
|
bottom: {
|
|
49
49
|
title: "2019 Annual Sales Figures",
|
|
50
50
|
mapsTo: "date",
|
|
51
|
-
scaleType: "time"
|
|
51
|
+
scaleType: "time"
|
|
52
52
|
},
|
|
53
53
|
left: {
|
|
54
54
|
mapsTo: "value",
|
|
55
|
-
scaleType: "linear"
|
|
56
|
-
}
|
|
55
|
+
scaleType: "linear"
|
|
56
|
+
}
|
|
57
57
|
},
|
|
58
|
-
curve: "curveNatural"
|
|
58
|
+
curve: "curveNatural"
|
|
59
59
|
};
|
|
60
60
|
export var stackedAreaTimeSeriesData = [
|
|
61
61
|
{ group: "Dataset 1", date: new Date(2019, 0, 1), value: 10000 },
|
|
@@ -72,19 +72,45 @@ export var stackedAreaTimeSeriesData = [
|
|
|
72
72
|
{ group: "Dataset 3", date: new Date(2019, 0, 5), value: 20000 },
|
|
73
73
|
{ group: "Dataset 3", date: new Date(2019, 0, 8), value: 40000 },
|
|
74
74
|
{ group: "Dataset 3", date: new Date(2019, 0, 13), value: 60213 },
|
|
75
|
-
{ group: "Dataset 3", date: new Date(2019, 0, 17), value: 25213 }
|
|
75
|
+
{ group: "Dataset 3", date: new Date(2019, 0, 17), value: 25213 }
|
|
76
76
|
];
|
|
77
77
|
export var stackedAreaTimeSeriesOptions = {
|
|
78
78
|
title: "Stacked area (time series)",
|
|
79
79
|
axes: {
|
|
80
80
|
left: {
|
|
81
|
-
stacked: true
|
|
81
|
+
stacked: true
|
|
82
82
|
},
|
|
83
83
|
bottom: {
|
|
84
|
-
scaleType: "time"
|
|
84
|
+
scaleType: "time"
|
|
85
|
+
}
|
|
86
|
+
},
|
|
87
|
+
curve: "curveMonotoneX"
|
|
88
|
+
};
|
|
89
|
+
export var stackedAreaTimeSeriesUnevenData = [
|
|
90
|
+
{ group: "Dataset 1", date: new Date(2019, 0, 1), value: 10000 },
|
|
91
|
+
{ group: "Dataset 1", date: new Date(2019, 0, 8), value: 10000 },
|
|
92
|
+
{ group: "Dataset 1", date: new Date(2019, 0, 13), value: 49213 },
|
|
93
|
+
{ group: "Dataset 1", date: new Date(2019, 0, 17), value: 51213 },
|
|
94
|
+
{ group: "Dataset 2", date: new Date(2019, 0, 5), value: 25000 },
|
|
95
|
+
{ group: "Dataset 2", date: new Date(2019, 0, 8), value: 60000 },
|
|
96
|
+
{ group: "Dataset 2", date: new Date(2019, 0, 17), value: 55213 },
|
|
97
|
+
{ group: "Dataset 3", date: new Date(2019, 0, 1), value: 30000 },
|
|
98
|
+
{ group: "Dataset 3", date: new Date(2019, 0, 5), value: 20000 },
|
|
99
|
+
{ group: "Dataset 3", date: new Date(2019, 0, 8), value: 40000 },
|
|
100
|
+
{ group: "Dataset 3", date: new Date(2019, 0, 13), value: 60213 },
|
|
101
|
+
{ group: "Dataset 3", date: new Date(2019, 0, 17), value: 25213 }
|
|
102
|
+
];
|
|
103
|
+
export var stackedAreaTimeSeriesUnevenDataOptions = {
|
|
104
|
+
title: "Stacked area (time series with uneven data)",
|
|
105
|
+
axes: {
|
|
106
|
+
left: {
|
|
107
|
+
stacked: true
|
|
85
108
|
},
|
|
109
|
+
bottom: {
|
|
110
|
+
scaleType: "time"
|
|
111
|
+
}
|
|
86
112
|
},
|
|
87
|
-
curve: "curveMonotoneX"
|
|
113
|
+
curve: "curveMonotoneX"
|
|
88
114
|
};
|
|
89
115
|
export var stackedAreaPercentageTimeSeriesOptions = {
|
|
90
116
|
title: "Stacked area (percentage)",
|
|
@@ -93,13 +119,13 @@ export var stackedAreaPercentageTimeSeriesOptions = {
|
|
|
93
119
|
stacked: true,
|
|
94
120
|
percentage: true,
|
|
95
121
|
ticks: {
|
|
96
|
-
formatter: function (d) { return d + "%"; }
|
|
97
|
-
}
|
|
122
|
+
formatter: function (d) { return d + "%"; }
|
|
123
|
+
}
|
|
98
124
|
},
|
|
99
125
|
bottom: {
|
|
100
|
-
scaleType: "time"
|
|
101
|
-
}
|
|
126
|
+
scaleType: "time"
|
|
127
|
+
}
|
|
102
128
|
},
|
|
103
|
-
curve: "curveMonotoneX"
|
|
129
|
+
curve: "curveMonotoneX"
|
|
104
130
|
};
|
|
105
131
|
//# sourceMappingURL=../../../demo/data/area.js.map
|