@carbon/charts 0.41.20 → 0.41.24
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 +28 -46
- package/axis-chart.d.ts +4 -4
- package/axis-chart.js +46 -46
- package/axis-chart.js.map +1 -1
- package/build/demo/create-codesandbox.d.ts +42 -42
- package/build/demo/data/bar.d.ts +2 -2
- package/build/demo/data/index.d.ts +13 -13
- package/build/demo/data/line.d.ts +4 -4
- package/build/demo/data/meter.d.ts +1 -1
- package/build/src/axis-chart.d.ts +4 -4
- package/build/src/chart.d.ts +3 -3
- package/build/src/charts/area-stacked.d.ts +2 -2
- package/build/src/charts/area.d.ts +2 -2
- package/build/src/charts/bar-grouped.d.ts +2 -2
- package/build/src/charts/bar-simple.d.ts +2 -2
- package/build/src/charts/bar-stacked.d.ts +2 -2
- package/build/src/charts/bubble.d.ts +2 -2
- package/build/src/charts/combo.d.ts +2 -2
- package/build/src/charts/donut.d.ts +2 -2
- package/build/src/charts/gauge.d.ts +3 -3
- package/build/src/charts/index.d.ts +16 -16
- package/build/src/charts/line.d.ts +2 -2
- package/build/src/charts/lollipop.d.ts +2 -2
- package/build/src/charts/meter.d.ts +3 -3
- package/build/src/charts/pie.d.ts +3 -3
- package/build/src/charts/radar.d.ts +2 -2
- package/build/src/charts/scatter.d.ts +2 -2
- package/build/src/charts/treemap.d.ts +2 -2
- package/build/src/components/axes/axis.d.ts +3 -3
- package/build/src/components/axes/chart-clip.d.ts +2 -2
- package/build/src/components/axes/grid-brush.d.ts +1 -1
- package/build/src/components/axes/grid.d.ts +1 -1
- package/build/src/components/axes/ruler-stacked.d.ts +1 -1
- package/build/src/components/axes/ruler.d.ts +2 -2
- package/build/src/components/axes/toolbar.d.ts +2 -2
- package/build/src/components/axes/two-dimensional-axes.d.ts +2 -2
- package/build/src/components/axes/zero-line.d.ts +1 -1
- package/build/src/components/axes/zoom-bar.d.ts +2 -2
- package/build/src/components/component.d.ts +1 -1
- package/build/src/components/essentials/legend.d.ts +1 -1
- package/build/src/components/essentials/threshold.d.ts +3 -3
- package/build/src/components/essentials/title-meter.d.ts +1 -1
- package/build/src/components/essentials/title.d.ts +1 -1
- package/build/src/components/essentials/tooltip-axis.d.ts +1 -1
- package/build/src/components/essentials/tooltip.d.ts +3 -3
- package/build/src/components/graphs/area-stacked.d.ts +1 -1
- package/build/src/components/graphs/area.d.ts +1 -1
- package/build/src/components/graphs/bar-grouped.d.ts +2 -2
- package/build/src/components/graphs/bar-simple.d.ts +1 -1
- package/build/src/components/graphs/bar-stacked.d.ts +1 -1
- package/build/src/components/graphs/bar.d.ts +1 -1
- package/build/src/components/graphs/bubble.d.ts +2 -2
- package/build/src/components/graphs/donut.d.ts +1 -1
- package/build/src/components/graphs/gauge.d.ts +1 -1
- package/build/src/components/graphs/line.d.ts +1 -1
- package/build/src/components/graphs/lollipop.d.ts +1 -1
- package/build/src/components/graphs/meter.d.ts +1 -1
- package/build/src/components/graphs/pie.d.ts +1 -1
- package/build/src/components/graphs/radar.d.ts +1 -1
- package/build/src/components/graphs/scatter-stacked.d.ts +1 -1
- package/build/src/components/graphs/scatter.d.ts +2 -2
- package/build/src/components/graphs/skeleton-lines.d.ts +1 -1
- package/build/src/components/graphs/skeleton.d.ts +1 -1
- package/build/src/components/graphs/treemap.d.ts +1 -1
- package/build/src/components/index.d.ts +36 -36
- package/build/src/components/layout/layout.d.ts +3 -3
- package/build/src/components/layout/spacer.d.ts +1 -1
- package/build/src/configuration-non-customizable.d.ts +7 -7
- package/build/src/configuration.d.ts +2 -2
- package/build/src/interfaces/axis-scales.d.ts +7 -7
- package/build/src/interfaces/charts.d.ts +11 -4
- package/build/src/interfaces/components.d.ts +3 -3
- package/build/src/interfaces/enums.d.ts +1 -1
- package/build/src/interfaces/index.d.ts +7 -7
- package/build/src/interfaces/layout.d.ts +1 -1
- package/build/src/interfaces/model.d.ts +1 -1
- package/build/src/model-cartesian-charts.d.ts +1 -1
- package/build/src/model-gauge.d.ts +1 -1
- package/build/src/model-meter.d.ts +1 -1
- package/build/src/model-pie.d.ts +1 -1
- package/build/src/model.d.ts +1 -9
- package/build/src/services/angle-utils.d.ts +1 -1
- package/build/src/services/curves.d.ts +2 -2
- package/build/src/services/essentials/dom-utils.d.ts +2 -2
- package/build/src/services/essentials/events.d.ts +1 -1
- package/build/src/services/essentials/gradient-utils.d.ts +1 -1
- package/build/src/services/essentials/transitions.d.ts +2 -2
- package/build/src/services/index.d.ts +7 -7
- package/build/src/services/scales-cartesian.d.ts +2 -2
- package/build/src/services/service.d.ts +1 -1
- package/build/src/services/time-series.d.ts +1 -1
- package/build/src/services/zoom.d.ts +2 -2
- package/build/src/tools.d.ts +2 -2
- package/build/stories/all.stories.d.ts +1 -1
- package/build/stories/tutorials/index.d.ts +11 -11
- package/build/stories/tutorials.stories.d.ts +1 -1
- package/bundle.js +1 -1
- package/chart.d.ts +3 -3
- package/chart.js +35 -35
- package/chart.js.map +1 -1
- package/charts/area-stacked.d.ts +2 -2
- package/charts/area-stacked.js +8 -8
- package/charts/area-stacked.js.map +1 -1
- package/charts/area.d.ts +2 -2
- package/charts/area.js +8 -8
- package/charts/area.js.map +1 -1
- package/charts/bar-grouped.d.ts +2 -2
- package/charts/bar-grouped.js +7 -7
- package/charts/bar-grouped.js.map +1 -1
- package/charts/bar-simple.d.ts +2 -2
- package/charts/bar-simple.js +7 -7
- package/charts/bar-simple.js.map +1 -1
- package/charts/bar-stacked.d.ts +2 -2
- package/charts/bar-stacked.js +7 -7
- package/charts/bar-stacked.js.map +1 -1
- package/charts/bubble.d.ts +2 -2
- package/charts/bubble.js +7 -7
- package/charts/bubble.js.map +1 -1
- package/charts/combo.d.ts +2 -2
- package/charts/combo.js +12 -12
- package/charts/combo.js.map +1 -1
- package/charts/donut.d.ts +2 -2
- package/charts/donut.js +7 -7
- package/charts/donut.js.map +1 -1
- package/charts/gauge.d.ts +3 -3
- package/charts/gauge.js +5 -5
- package/charts/gauge.js.map +1 -1
- package/charts/index.d.ts +16 -16
- package/charts/index.js +16 -16
- package/charts/index.js.map +1 -1
- package/charts/line.d.ts +2 -2
- package/charts/line.js +5 -5
- package/charts/line.js.map +1 -1
- package/charts/lollipop.d.ts +2 -2
- package/charts/lollipop.js +7 -7
- package/charts/lollipop.js.map +1 -1
- package/charts/meter.d.ts +3 -3
- package/charts/meter.js +18 -18
- package/charts/meter.js.map +1 -1
- package/charts/pie.d.ts +3 -3
- package/charts/pie.js +8 -8
- package/charts/pie.js.map +1 -1
- package/charts/radar.d.ts +2 -2
- package/charts/radar.js +5 -5
- package/charts/radar.js.map +1 -1
- package/charts/scatter.d.ts +2 -2
- package/charts/scatter.js +7 -7
- package/charts/scatter.js.map +1 -1
- package/charts/treemap.d.ts +2 -2
- package/charts/treemap.js +4 -4
- package/charts/treemap.js.map +1 -1
- package/components/axes/axis.d.ts +3 -3
- package/components/axes/axis.js +98 -98
- package/components/axes/axis.js.map +1 -1
- package/components/axes/chart-clip.d.ts +2 -2
- package/components/axes/chart-clip.js +9 -9
- package/components/axes/chart-clip.js.map +1 -1
- package/components/axes/grid-brush.d.ts +1 -1
- package/components/axes/grid-brush.js +32 -32
- package/components/axes/grid-brush.js.map +1 -1
- package/components/axes/grid.d.ts +1 -1
- package/components/axes/grid.js +34 -34
- package/components/axes/grid.js.map +1 -1
- package/components/axes/ruler-stacked.d.ts +1 -1
- package/components/axes/ruler-stacked.js +5 -5
- package/components/axes/ruler-stacked.js.map +1 -1
- package/components/axes/ruler.d.ts +2 -2
- package/components/axes/ruler.js +36 -36
- package/components/axes/ruler.js.map +1 -1
- package/components/axes/toolbar.d.ts +2 -2
- package/components/axes/toolbar.js +85 -85
- package/components/axes/toolbar.js.map +1 -1
- package/components/axes/two-dimensional-axes.d.ts +2 -2
- package/components/axes/two-dimensional-axes.js +13 -13
- package/components/axes/two-dimensional-axes.js.map +1 -1
- package/components/axes/zero-line.d.ts +1 -1
- package/components/axes/zero-line.js +12 -12
- package/components/axes/zero-line.js.map +1 -1
- package/components/axes/zoom-bar.d.ts +2 -2
- package/components/axes/zoom-bar.js +114 -114
- package/components/axes/zoom-bar.js.map +1 -1
- package/components/component.d.ts +1 -1
- package/components/component.js +13 -13
- package/components/component.js.map +1 -1
- package/components/essentials/legend.d.ts +1 -1
- package/components/essentials/legend.js +95 -92
- package/components/essentials/legend.js.map +1 -1
- package/components/essentials/threshold.d.ts +3 -3
- package/components/essentials/threshold.js +39 -39
- package/components/essentials/threshold.js.map +1 -1
- package/components/essentials/title-meter.d.ts +1 -1
- package/components/essentials/title-meter.js +42 -42
- package/components/essentials/title-meter.js.map +1 -1
- package/components/essentials/title.d.ts +1 -1
- package/components/essentials/title.js +19 -19
- package/components/essentials/title.js.map +1 -1
- package/components/essentials/tooltip-axis.d.ts +1 -1
- package/components/essentials/tooltip-axis.js +23 -23
- package/components/essentials/tooltip-axis.js.map +1 -1
- package/components/essentials/tooltip.d.ts +3 -3
- package/components/essentials/tooltip.js +31 -31
- package/components/essentials/tooltip.js.map +1 -1
- package/components/graphs/area-stacked.d.ts +1 -1
- package/components/graphs/area-stacked.js +28 -29
- package/components/graphs/area-stacked.js.map +1 -1
- package/components/graphs/area.d.ts +1 -1
- package/components/graphs/area.js +62 -57
- package/components/graphs/area.js.map +1 -1
- package/components/graphs/bar-grouped.d.ts +2 -2
- package/components/graphs/bar-grouped.js +56 -56
- package/components/graphs/bar-grouped.js.map +1 -1
- package/components/graphs/bar-simple.d.ts +1 -1
- package/components/graphs/bar-simple.js +45 -45
- package/components/graphs/bar-simple.js.map +1 -1
- package/components/graphs/bar-stacked.d.ts +1 -1
- package/components/graphs/bar-stacked.js +50 -51
- package/components/graphs/bar-stacked.js.map +1 -1
- package/components/graphs/bar.d.ts +1 -1
- package/components/graphs/bar.js +4 -4
- package/components/graphs/bar.js.map +1 -1
- package/components/graphs/bubble.d.ts +2 -2
- package/components/graphs/bubble.js +19 -19
- package/components/graphs/bubble.js.map +1 -1
- package/components/graphs/donut.d.ts +1 -1
- package/components/graphs/donut.js +20 -20
- package/components/graphs/donut.js.map +1 -1
- package/components/graphs/gauge.d.ts +1 -1
- package/components/graphs/gauge.js +89 -87
- package/components/graphs/gauge.js.map +1 -1
- package/components/graphs/line.d.ts +1 -1
- package/components/graphs/line.js +33 -33
- package/components/graphs/line.js.map +1 -1
- package/components/graphs/lollipop.d.ts +1 -1
- package/components/graphs/lollipop.js +32 -32
- package/components/graphs/lollipop.js.map +1 -1
- package/components/graphs/meter.d.ts +1 -1
- package/components/graphs/meter.js +39 -39
- package/components/graphs/meter.js.map +1 -1
- package/components/graphs/pie.d.ts +1 -1
- package/components/graphs/pie.js +102 -100
- package/components/graphs/pie.js.map +1 -1
- package/components/graphs/radar.d.ts +1 -1
- package/components/graphs/radar.js +180 -180
- package/components/graphs/radar.js.map +1 -1
- package/components/graphs/scatter-stacked.d.ts +1 -1
- package/components/graphs/scatter-stacked.js +22 -22
- package/components/graphs/scatter-stacked.js.map +1 -1
- package/components/graphs/scatter.d.ts +2 -2
- package/components/graphs/scatter.js +67 -66
- package/components/graphs/scatter.js.map +1 -1
- package/components/graphs/skeleton-lines.d.ts +1 -1
- package/components/graphs/skeleton-lines.js +27 -27
- package/components/graphs/skeleton-lines.js.map +1 -1
- package/components/graphs/skeleton.d.ts +1 -1
- package/components/graphs/skeleton.js +85 -85
- package/components/graphs/skeleton.js.map +1 -1
- package/components/graphs/treemap.d.ts +1 -1
- package/components/graphs/treemap.js +82 -82
- package/components/graphs/treemap.js.map +1 -1
- package/components/index.d.ts +36 -36
- package/components/index.js +36 -36
- package/components/index.js.map +1 -1
- package/components/layout/layout.d.ts +3 -3
- package/components/layout/layout.js +28 -28
- package/components/layout/layout.js.map +1 -1
- package/components/layout/spacer.d.ts +1 -1
- package/components/layout/spacer.js +10 -10
- package/components/layout/spacer.js.map +1 -1
- package/configuration-non-customizable.d.ts +7 -7
- package/configuration-non-customizable.js +37 -37
- package/configuration-non-customizable.js.map +1 -1
- package/configuration.d.ts +2 -2
- package/configuration.js +81 -78
- package/configuration.js.map +1 -1
- package/demo/create-codesandbox.d.ts +42 -42
- package/demo/create-codesandbox.js +100 -100
- package/demo/create-codesandbox.js.map +1 -1
- package/demo/data/area.js +220 -190
- package/demo/data/area.js.map +1 -1
- package/demo/data/bar.d.ts +2 -2
- package/demo/data/bar.js +302 -302
- package/demo/data/bar.js.map +1 -1
- package/demo/data/bubble.js +108 -108
- package/demo/data/bubble.js.map +1 -1
- package/demo/data/combo.js +323 -323
- package/demo/data/combo.js.map +1 -1
- package/demo/data/donut.js +19 -19
- package/demo/data/donut.js.map +1 -1
- package/demo/data/gauge.js +20 -20
- package/demo/data/gauge.js.map +1 -1
- package/demo/data/high-scale.js +3 -3
- package/demo/data/high-scale.js.map +1 -1
- package/demo/data/index.d.ts +13 -13
- package/demo/data/index.js +299 -299
- package/demo/data/index.js.map +1 -1
- package/demo/data/line.d.ts +4 -4
- package/demo/data/line.js +332 -332
- package/demo/data/line.js.map +1 -1
- package/demo/data/lollipop.js +19 -19
- package/demo/data/lollipop.js.map +1 -1
- package/demo/data/meter.d.ts +1 -1
- package/demo/data/meter.js +22 -22
- package/demo/data/meter.js.map +1 -1
- package/demo/data/pie.js +17 -17
- package/demo/data/pie.js.map +1 -1
- package/demo/data/radar.js +84 -84
- package/demo/data/radar.js.map +1 -1
- package/demo/data/scatter.js +125 -125
- package/demo/data/scatter.js.map +1 -1
- package/demo/data/step.js +11 -11
- package/demo/data/step.js.map +1 -1
- package/demo/data/time-series-axis.js +164 -164
- package/demo/data/time-series-axis.js.map +1 -1
- package/demo/data/toolbar.js +15 -15
- package/demo/data/toolbar.js.map +1 -1
- package/demo/data/treemap.js +63 -63
- package/demo/data/treemap.js.map +1 -1
- package/demo/data/zoom-bar.js +65 -65
- package/demo/data/zoom-bar.js.map +1 -1
- package/demo/styles.css +1 -1
- package/demo/styles.min.css +1 -1
- package/demo/tsconfig.tsbuildinfo +45 -45
- package/index.d.ts +3 -3
- package/index.js +3 -3
- package/index.js.map +1 -1
- package/interfaces/a11y.js.map +1 -1
- package/interfaces/axis-scales.d.ts +7 -7
- package/interfaces/axis-scales.js.map +1 -1
- package/interfaces/charts.d.ts +11 -4
- package/interfaces/charts.js.map +1 -1
- package/interfaces/components.d.ts +3 -3
- package/interfaces/components.js.map +1 -1
- package/interfaces/enums.d.ts +1 -1
- package/interfaces/enums.js +1 -1
- package/interfaces/enums.js.map +1 -1
- package/interfaces/events.js.map +1 -1
- package/interfaces/index.d.ts +7 -7
- package/interfaces/index.js +2 -2
- package/interfaces/index.js.map +1 -1
- package/interfaces/layout.d.ts +1 -1
- package/interfaces/layout.js.map +1 -1
- package/interfaces/model.d.ts +1 -1
- package/interfaces/model.js.map +1 -1
- package/model-cartesian-charts.d.ts +1 -1
- package/model-cartesian-charts.js +7 -7
- package/model-cartesian-charts.js.map +1 -1
- package/model-gauge.d.ts +1 -1
- package/model-gauge.js +2 -2
- package/model-gauge.js.map +1 -1
- package/model-meter.d.ts +1 -1
- package/model-meter.js +7 -7
- package/model-meter.js.map +1 -1
- package/model-pie.d.ts +1 -1
- package/model-pie.js +1 -1
- package/model-pie.js.map +1 -1
- package/model.d.ts +1 -9
- package/model.js +31 -42
- package/model.js.map +1 -1
- package/package.json +2 -3
- package/polyfills.js +9 -9
- package/polyfills.js.map +1 -1
- package/services/angle-utils.d.ts +1 -1
- package/services/angle-utils.js +9 -9
- package/services/angle-utils.js.map +1 -1
- package/services/curves.d.ts +2 -2
- package/services/curves.js +6 -6
- package/services/curves.js.map +1 -1
- package/services/essentials/dom-utils.d.ts +2 -2
- package/services/essentials/dom-utils.js +37 -37
- package/services/essentials/dom-utils.js.map +1 -1
- package/services/essentials/events.d.ts +1 -1
- package/services/essentials/events.js +3 -3
- package/services/essentials/events.js.map +1 -1
- package/services/essentials/gradient-utils.d.ts +1 -1
- package/services/essentials/gradient-utils.js +25 -25
- package/services/essentials/gradient-utils.js.map +1 -1
- package/services/essentials/transitions.d.ts +2 -2
- package/services/essentials/transitions.js +8 -8
- package/services/essentials/transitions.js.map +1 -1
- package/services/index.d.ts +7 -7
- package/services/index.js +7 -7
- package/services/index.js.map +1 -1
- package/services/scales-cartesian.d.ts +2 -2
- package/services/scales-cartesian.js +57 -60
- package/services/scales-cartesian.js.map +1 -1
- package/services/service.d.ts +1 -1
- package/services/service.js.map +1 -1
- package/services/time-series.d.ts +1 -1
- package/services/time-series.js +27 -27
- package/services/time-series.js.map +1 -1
- package/services/zoom.d.ts +2 -2
- package/services/zoom.js +20 -20
- package/services/zoom.js.map +1 -1
- package/styles/_type.scss +7 -7
- package/styles/color-palatte.scss +218 -218
- package/styles/colors.scss +3 -3
- package/styles/components/_axis.scss +5 -5
- package/styles/components/_ruler.scss +2 -2
- package/styles/components/_threshold.scss +1 -1
- package/styles/components/_title.scss +3 -3
- package/styles/components/_toolbar.scss +1 -1
- package/styles/components/_tooltip.scss +6 -6
- package/styles/components/index.scss +16 -16
- package/styles/graphs/_bubble.scss +1 -1
- package/styles/graphs/_radar.scss +2 -2
- package/styles/graphs/_scatter.scss +1 -1
- package/styles/graphs/_treemap.scss +1 -1
- package/styles/graphs/index.scss +9 -9
- package/styles/styles-g10.scss +2 -2
- package/styles/styles-g100.scss +2 -2
- package/styles/styles-g90.scss +2 -2
- package/styles/styles-white.scss +2 -2
- package/styles/styles.scss +10 -10
- package/tools.d.ts +2 -2
- package/tools.js +26 -26
- package/tools.js.map +1 -1
- package/tsconfig.tsbuildinfo +173 -173
package/demo/data/bar.js
CHANGED
|
@@ -1,599 +1,599 @@
|
|
|
1
|
-
import trLocaleObject from
|
|
1
|
+
import trLocaleObject from 'date-fns/locale/tr/index';
|
|
2
2
|
export var groupedBarData = [
|
|
3
|
-
{ group:
|
|
4
|
-
{ group:
|
|
5
|
-
{ group:
|
|
6
|
-
{ group:
|
|
7
|
-
{ group:
|
|
8
|
-
{ group:
|
|
9
|
-
{ group:
|
|
10
|
-
{ group:
|
|
11
|
-
{ group:
|
|
12
|
-
{ group:
|
|
13
|
-
{ group:
|
|
14
|
-
{ group:
|
|
15
|
-
{ group:
|
|
16
|
-
{ group:
|
|
17
|
-
{ group:
|
|
18
|
-
{ group:
|
|
19
|
-
{ group:
|
|
20
|
-
{ group:
|
|
21
|
-
{ group:
|
|
22
|
-
{ group:
|
|
3
|
+
{ group: 'Dataset 1', key: 'Qty', value: 65000 },
|
|
4
|
+
{ group: 'Dataset 1', key: 'More', value: -29123 },
|
|
5
|
+
{ group: 'Dataset 1', key: 'Sold', value: -35213 },
|
|
6
|
+
{ group: 'Dataset 1', key: 'Restocking', value: 51213 },
|
|
7
|
+
{ group: 'Dataset 1', key: 'Misc', value: 16932 },
|
|
8
|
+
{ group: 'Dataset 2', key: 'Qty', value: 32432 },
|
|
9
|
+
{ group: 'Dataset 2', key: 'More', value: -21312 },
|
|
10
|
+
{ group: 'Dataset 2', key: 'Sold', value: -56456 },
|
|
11
|
+
{ group: 'Dataset 2', key: 'Restocking', value: -21312 },
|
|
12
|
+
{ group: 'Dataset 2', key: 'Misc', value: 34234 },
|
|
13
|
+
{ group: 'Dataset 3', key: 'Qty', value: -12312 },
|
|
14
|
+
{ group: 'Dataset 3', key: 'More', value: 23232 },
|
|
15
|
+
{ group: 'Dataset 3', key: 'Sold', value: 34232 },
|
|
16
|
+
{ group: 'Dataset 3', key: 'Restocking', value: -12312 },
|
|
17
|
+
{ group: 'Dataset 3', key: 'Misc', value: -34234 },
|
|
18
|
+
{ group: 'Dataset 4', key: 'Qty', value: -32423 },
|
|
19
|
+
{ group: 'Dataset 4', key: 'More', value: 21313 },
|
|
20
|
+
{ group: 'Dataset 4', key: 'Sold', value: 64353 },
|
|
21
|
+
{ group: 'Dataset 4', key: 'Restocking', value: 24134 },
|
|
22
|
+
{ group: 'Dataset 4', key: 'Misc', value: 24134 },
|
|
23
23
|
];
|
|
24
24
|
export var groupedBarOptions = {
|
|
25
|
-
title:
|
|
25
|
+
title: 'Grouped bar (discrete)',
|
|
26
26
|
axes: {
|
|
27
27
|
left: {
|
|
28
|
-
mapsTo:
|
|
28
|
+
mapsTo: 'value',
|
|
29
29
|
},
|
|
30
30
|
bottom: {
|
|
31
|
-
scaleType:
|
|
32
|
-
mapsTo:
|
|
33
|
-
}
|
|
34
|
-
}
|
|
31
|
+
scaleType: 'labels',
|
|
32
|
+
mapsTo: 'key',
|
|
33
|
+
},
|
|
34
|
+
},
|
|
35
35
|
};
|
|
36
36
|
export var groupedBarSelectedGroupsData = groupedBarData;
|
|
37
37
|
// Grouped bar with selected groups option
|
|
38
38
|
export var groupedBarSelectedGroupsOptions = {
|
|
39
|
-
title:
|
|
39
|
+
title: 'Grouped bar (selected groups)',
|
|
40
40
|
data: {
|
|
41
|
-
selectedGroups: [
|
|
41
|
+
selectedGroups: ['Dataset 1', 'Dataset 3'],
|
|
42
42
|
},
|
|
43
43
|
axes: {
|
|
44
44
|
left: {
|
|
45
|
-
mapsTo:
|
|
45
|
+
mapsTo: 'value',
|
|
46
46
|
},
|
|
47
47
|
bottom: {
|
|
48
|
-
scaleType:
|
|
49
|
-
mapsTo:
|
|
50
|
-
}
|
|
51
|
-
}
|
|
48
|
+
scaleType: 'labels',
|
|
49
|
+
mapsTo: 'key',
|
|
50
|
+
},
|
|
51
|
+
},
|
|
52
52
|
};
|
|
53
53
|
// Horizontal Grouped
|
|
54
54
|
export var groupedHorizontalBarData = groupedBarData;
|
|
55
55
|
export var groupedHorizontalBarOptions = {
|
|
56
|
-
title:
|
|
56
|
+
title: 'Grouped horizontal bar (discrete)',
|
|
57
57
|
axes: {
|
|
58
58
|
left: {
|
|
59
|
-
scaleType:
|
|
60
|
-
mapsTo:
|
|
59
|
+
scaleType: 'labels',
|
|
60
|
+
mapsTo: 'key',
|
|
61
61
|
},
|
|
62
62
|
bottom: {
|
|
63
|
-
mapsTo:
|
|
64
|
-
}
|
|
65
|
-
}
|
|
63
|
+
mapsTo: 'value',
|
|
64
|
+
},
|
|
65
|
+
},
|
|
66
66
|
};
|
|
67
67
|
// Simple bar
|
|
68
68
|
export var simpleBarData = [
|
|
69
|
-
{ group:
|
|
70
|
-
{ group:
|
|
71
|
-
{ group:
|
|
72
|
-
{ group:
|
|
73
|
-
{ group:
|
|
69
|
+
{ group: 'Qty', value: 65000 },
|
|
70
|
+
{ group: 'More', value: 29123 },
|
|
71
|
+
{ group: 'Sold', value: 35213 },
|
|
72
|
+
{ group: 'Restocking', value: 51213 },
|
|
73
|
+
{ group: 'Misc', value: 16932 },
|
|
74
74
|
];
|
|
75
75
|
export var simpleBarOptions = {
|
|
76
|
-
title:
|
|
76
|
+
title: 'Simple bar (discrete)',
|
|
77
77
|
axes: {
|
|
78
78
|
left: {
|
|
79
|
-
mapsTo:
|
|
79
|
+
mapsTo: 'value',
|
|
80
80
|
},
|
|
81
81
|
bottom: {
|
|
82
|
-
mapsTo:
|
|
83
|
-
scaleType:
|
|
84
|
-
}
|
|
85
|
-
}
|
|
82
|
+
mapsTo: 'group',
|
|
83
|
+
scaleType: 'labels',
|
|
84
|
+
},
|
|
85
|
+
},
|
|
86
86
|
};
|
|
87
87
|
export var simpleBarColorOverrideOptions = {
|
|
88
|
-
title:
|
|
88
|
+
title: 'Simple bar (color override)',
|
|
89
89
|
axes: {
|
|
90
90
|
left: {
|
|
91
|
-
mapsTo:
|
|
91
|
+
mapsTo: 'value',
|
|
92
92
|
},
|
|
93
93
|
bottom: {
|
|
94
|
-
scaleType:
|
|
95
|
-
mapsTo:
|
|
96
|
-
}
|
|
94
|
+
scaleType: 'labels',
|
|
95
|
+
mapsTo: 'group',
|
|
96
|
+
},
|
|
97
97
|
},
|
|
98
98
|
color: {
|
|
99
99
|
pairing: {
|
|
100
|
-
option: 2
|
|
100
|
+
option: 2,
|
|
101
101
|
},
|
|
102
102
|
scale: {
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
}
|
|
106
|
-
}
|
|
103
|
+
Qty: '#925699',
|
|
104
|
+
Misc: '#525669',
|
|
105
|
+
},
|
|
106
|
+
},
|
|
107
107
|
};
|
|
108
108
|
export var simpleBarCustomLegendOrderOptions = {
|
|
109
|
-
title:
|
|
109
|
+
title: 'Simple bar (custom legend order)',
|
|
110
110
|
axes: {
|
|
111
111
|
left: {
|
|
112
|
-
mapsTo:
|
|
112
|
+
mapsTo: 'value',
|
|
113
113
|
},
|
|
114
114
|
bottom: {
|
|
115
|
-
mapsTo:
|
|
116
|
-
scaleType:
|
|
117
|
-
}
|
|
115
|
+
mapsTo: 'group',
|
|
116
|
+
scaleType: 'labels',
|
|
117
|
+
},
|
|
118
118
|
},
|
|
119
119
|
legend: {
|
|
120
|
-
order: [
|
|
121
|
-
}
|
|
120
|
+
order: ['Restocking', 'Misc', 'Sold', 'Qty', 'More'],
|
|
121
|
+
},
|
|
122
122
|
};
|
|
123
123
|
// Simple bar with custom tick values
|
|
124
124
|
export var simpleBarDataCustomTicks = [
|
|
125
|
-
{ group:
|
|
126
|
-
{ group:
|
|
125
|
+
{ group: 'Group 1', value: 0.5 },
|
|
126
|
+
{ group: 'Group 2', value: 2 },
|
|
127
127
|
];
|
|
128
128
|
export var simpleBarOptionsCustomTicks = {
|
|
129
|
-
title:
|
|
129
|
+
title: 'Simple bar (custom ticks)',
|
|
130
130
|
axes: {
|
|
131
131
|
left: {
|
|
132
|
-
mapsTo:
|
|
132
|
+
mapsTo: 'value',
|
|
133
133
|
ticks: {
|
|
134
|
-
values: [0, 1.2, 1.3, 2]
|
|
135
|
-
}
|
|
134
|
+
values: [0, 1.2, 1.3, 2],
|
|
135
|
+
},
|
|
136
136
|
},
|
|
137
137
|
bottom: {
|
|
138
|
-
mapsTo:
|
|
139
|
-
scaleType:
|
|
140
|
-
}
|
|
141
|
-
}
|
|
138
|
+
mapsTo: 'group',
|
|
139
|
+
scaleType: 'labels',
|
|
140
|
+
},
|
|
141
|
+
},
|
|
142
142
|
};
|
|
143
143
|
export var simpleBarCenteredLegendData = simpleBarData;
|
|
144
144
|
export var simpleBarCenteredLegendOptions = {
|
|
145
|
-
title:
|
|
145
|
+
title: 'Simple bar (centered legend)',
|
|
146
146
|
axes: {
|
|
147
147
|
left: {
|
|
148
|
-
mapsTo:
|
|
148
|
+
mapsTo: 'value',
|
|
149
149
|
},
|
|
150
150
|
bottom: {
|
|
151
|
-
mapsTo:
|
|
152
|
-
scaleType:
|
|
153
|
-
}
|
|
151
|
+
mapsTo: 'group',
|
|
152
|
+
scaleType: 'labels',
|
|
153
|
+
},
|
|
154
154
|
},
|
|
155
155
|
legend: {
|
|
156
|
-
alignment:
|
|
157
|
-
}
|
|
156
|
+
alignment: 'center',
|
|
157
|
+
},
|
|
158
158
|
};
|
|
159
159
|
// Simple bar with long labels
|
|
160
160
|
export var simpleBarLongLabelData = [
|
|
161
161
|
{
|
|
162
|
-
group:
|
|
163
|
-
value: 65000
|
|
162
|
+
group: '6591DA8668C339B1B39297C61091E320C35391AB7AFC15B469F96B8A2DD0C231',
|
|
163
|
+
value: 65000,
|
|
164
164
|
},
|
|
165
165
|
{
|
|
166
|
-
group:
|
|
167
|
-
value: 29123
|
|
166
|
+
group: '347FEDE2F7403759069E5F84B65B49D2467D8914B5184738699259AA310EB0F9',
|
|
167
|
+
value: 29123,
|
|
168
168
|
},
|
|
169
169
|
{
|
|
170
|
-
group:
|
|
171
|
-
value: 35213
|
|
170
|
+
group: '232D788298773BB389DBB8FCE44D3FB4E878879BE7AFB0B303BCE0D56EBB92E2',
|
|
171
|
+
value: 35213,
|
|
172
172
|
},
|
|
173
173
|
{
|
|
174
|
-
group:
|
|
175
|
-
value: 51213
|
|
174
|
+
group: '58B01AADFA87E5547A218B3C6CE3AF07B8DF7BAB9E12BF60FD2BBB739C46B86E',
|
|
175
|
+
value: 51213,
|
|
176
176
|
},
|
|
177
|
-
{ group:
|
|
177
|
+
{ group: 'Qty', value: 16932 },
|
|
178
178
|
];
|
|
179
179
|
export var simpleBarLongLabelOptions = {
|
|
180
|
-
title:
|
|
180
|
+
title: 'Simple bar (truncated labels)',
|
|
181
181
|
axes: {
|
|
182
182
|
left: {
|
|
183
|
-
mapsTo:
|
|
183
|
+
mapsTo: 'value',
|
|
184
184
|
},
|
|
185
185
|
bottom: {
|
|
186
|
-
mapsTo:
|
|
187
|
-
scaleType:
|
|
188
|
-
}
|
|
186
|
+
mapsTo: 'group',
|
|
187
|
+
scaleType: 'labels',
|
|
188
|
+
},
|
|
189
189
|
},
|
|
190
190
|
legend: {
|
|
191
191
|
truncation: {
|
|
192
|
-
type:
|
|
192
|
+
type: 'end_line',
|
|
193
193
|
threshold: 10,
|
|
194
|
-
numCharacter: 12
|
|
195
|
-
}
|
|
196
|
-
}
|
|
194
|
+
numCharacter: 12,
|
|
195
|
+
},
|
|
196
|
+
},
|
|
197
197
|
};
|
|
198
198
|
export var simpleBarFixedDomainOptions = {
|
|
199
|
-
title:
|
|
199
|
+
title: 'Simple bar (customized domain)',
|
|
200
200
|
axes: {
|
|
201
201
|
left: {
|
|
202
|
-
mapsTo:
|
|
203
|
-
domain: [-100000, 100000]
|
|
202
|
+
mapsTo: 'value',
|
|
203
|
+
domain: [-100000, 100000],
|
|
204
204
|
},
|
|
205
205
|
bottom: {
|
|
206
|
-
scaleType:
|
|
207
|
-
mapsTo:
|
|
208
|
-
}
|
|
209
|
-
}
|
|
206
|
+
scaleType: 'labels',
|
|
207
|
+
mapsTo: 'group',
|
|
208
|
+
},
|
|
209
|
+
},
|
|
210
210
|
};
|
|
211
211
|
// Horizontal Simple
|
|
212
212
|
export var simpleHorizontalBarData = simpleBarData;
|
|
213
213
|
export var simpleHorizontalBarLongLabelData = simpleBarLongLabelData;
|
|
214
214
|
export var simpleHorizontalBarOptions = {
|
|
215
|
-
title:
|
|
215
|
+
title: 'Simple horizontal bar (discrete)',
|
|
216
216
|
axes: {
|
|
217
217
|
left: {
|
|
218
|
-
mapsTo:
|
|
219
|
-
scaleType:
|
|
218
|
+
mapsTo: 'group',
|
|
219
|
+
scaleType: 'labels',
|
|
220
220
|
},
|
|
221
221
|
bottom: {
|
|
222
|
-
mapsTo:
|
|
223
|
-
}
|
|
224
|
-
}
|
|
222
|
+
mapsTo: 'value',
|
|
223
|
+
},
|
|
224
|
+
},
|
|
225
225
|
};
|
|
226
226
|
export var simpleHorizontalBarCenteredLegendData = simpleBarData;
|
|
227
227
|
export var simpleHorizontalBarCenteredLegendOptions = {
|
|
228
|
-
title:
|
|
228
|
+
title: 'Simple horizontal bar (centered legend)',
|
|
229
229
|
axes: {
|
|
230
230
|
left: {
|
|
231
|
-
mapsTo:
|
|
232
|
-
scaleType:
|
|
231
|
+
mapsTo: 'group',
|
|
232
|
+
scaleType: 'labels',
|
|
233
233
|
},
|
|
234
234
|
bottom: {
|
|
235
|
-
mapsTo:
|
|
236
|
-
}
|
|
235
|
+
mapsTo: 'value',
|
|
236
|
+
},
|
|
237
237
|
},
|
|
238
238
|
legend: {
|
|
239
|
-
alignment:
|
|
240
|
-
}
|
|
239
|
+
alignment: 'center',
|
|
240
|
+
},
|
|
241
241
|
};
|
|
242
242
|
export var simpleHorizontalBarLongLabelOptions = {
|
|
243
|
-
title:
|
|
243
|
+
title: 'Simple horizontal bar (truncated labels)',
|
|
244
244
|
axes: {
|
|
245
245
|
left: {
|
|
246
|
-
mapsTo:
|
|
247
|
-
scaleType:
|
|
246
|
+
mapsTo: 'group',
|
|
247
|
+
scaleType: 'labels',
|
|
248
248
|
truncation: {
|
|
249
|
-
type:
|
|
249
|
+
type: 'mid_line',
|
|
250
250
|
threshold: 10,
|
|
251
|
-
numCharacter: 14
|
|
252
|
-
}
|
|
251
|
+
numCharacter: 14,
|
|
252
|
+
},
|
|
253
253
|
},
|
|
254
254
|
bottom: {
|
|
255
|
-
mapsTo:
|
|
256
|
-
}
|
|
255
|
+
mapsTo: 'value',
|
|
256
|
+
},
|
|
257
257
|
},
|
|
258
258
|
legend: {
|
|
259
259
|
truncation: {
|
|
260
|
-
type:
|
|
260
|
+
type: 'mid_line',
|
|
261
261
|
threshold: 15,
|
|
262
|
-
numCharacter: 12
|
|
263
|
-
}
|
|
264
|
-
}
|
|
262
|
+
numCharacter: 12,
|
|
263
|
+
},
|
|
264
|
+
},
|
|
265
265
|
};
|
|
266
266
|
export var simpleBarTimeSeriesData = [
|
|
267
|
-
{ group:
|
|
268
|
-
{ group:
|
|
269
|
-
{ group:
|
|
270
|
-
{ group:
|
|
271
|
-
{ group:
|
|
267
|
+
{ group: 'Qty', date: new Date(2019, 0, 1), value: 10000 },
|
|
268
|
+
{ group: 'More', date: new Date(2019, 0, 2), value: 65000 },
|
|
269
|
+
{ group: 'Sold', date: new Date(2019, 0, 3), value: 30000 },
|
|
270
|
+
{ group: 'Restocking', date: new Date(2019, 0, 6), value: 49213 },
|
|
271
|
+
{ group: 'Misc', date: new Date(2019, 0, 7), value: 51213 },
|
|
272
272
|
];
|
|
273
273
|
export var simpleBarTimeSeriesDenseData = [
|
|
274
|
-
{ group:
|
|
275
|
-
{ group:
|
|
276
|
-
{ group:
|
|
277
|
-
{ group:
|
|
278
|
-
{ group:
|
|
279
|
-
{ group:
|
|
280
|
-
{ group:
|
|
281
|
-
{ group:
|
|
282
|
-
{ group:
|
|
283
|
-
{ group:
|
|
284
|
-
{ group:
|
|
285
|
-
{ group:
|
|
286
|
-
{ group:
|
|
287
|
-
{ group:
|
|
288
|
-
{ group:
|
|
289
|
-
{ group:
|
|
290
|
-
{ group:
|
|
274
|
+
{ group: 'data', date: new Date(2019, 1, 1, 10, 10, 0), value: 10000 },
|
|
275
|
+
{ group: 'data', date: new Date(2019, 1, 1, 10, 12, 4), value: 20001 },
|
|
276
|
+
{ group: 'data', date: new Date(2019, 1, 1, 10, 14, 8), value: 10002 },
|
|
277
|
+
{ group: 'data', date: new Date(2019, 1, 1, 10, 15, 8), value: 10062 },
|
|
278
|
+
{ group: 'data', date: new Date(2019, 1, 1, 10, 17, 12), value: 30003 },
|
|
279
|
+
{ group: 'data', date: new Date(2019, 1, 1, 10, 18, 16), value: 20004 },
|
|
280
|
+
{ group: 'data', date: new Date(2019, 1, 1, 10, 19, 20), value: 10005 },
|
|
281
|
+
{ group: 'data', date: new Date(2019, 1, 1, 10, 22, 24), value: 50006 },
|
|
282
|
+
{ group: 'data', date: new Date(2019, 1, 1, 10, 24, 24), value: 20006 },
|
|
283
|
+
{ group: 'data', date: new Date(2019, 1, 1, 10, 26, 28), value: 40007 },
|
|
284
|
+
{ group: 'data', date: new Date(2019, 1, 1, 10, 27, 32), value: 30008 },
|
|
285
|
+
{ group: 'data', date: new Date(2019, 1, 1, 10, 30, 36), value: 10000 },
|
|
286
|
+
{ group: 'data', date: new Date(2019, 1, 1, 10, 32, 36), value: 10000 },
|
|
287
|
+
{ group: 'data', date: new Date(2019, 1, 1, 10, 35, 40), value: 20000 },
|
|
288
|
+
{ group: 'data', date: new Date(2019, 1, 1, 10, 36, 44), value: 10000 },
|
|
289
|
+
{ group: 'data', date: new Date(2019, 1, 1, 10, 37, 48), value: 30000 },
|
|
290
|
+
{ group: 'data', date: new Date(2019, 1, 1, 10, 40, 52), value: 10000 },
|
|
291
291
|
];
|
|
292
292
|
export var simpleBarTimeSeriesOptions = {
|
|
293
|
-
title:
|
|
293
|
+
title: 'Simple bar (time series - Turkish)',
|
|
294
294
|
axes: {
|
|
295
295
|
left: {
|
|
296
|
-
mapsTo:
|
|
296
|
+
mapsTo: 'value',
|
|
297
297
|
},
|
|
298
298
|
bottom: {
|
|
299
|
-
mapsTo:
|
|
300
|
-
scaleType:
|
|
301
|
-
}
|
|
299
|
+
mapsTo: 'date',
|
|
300
|
+
scaleType: 'time',
|
|
301
|
+
},
|
|
302
302
|
},
|
|
303
|
-
timeScale: { localeObject: trLocaleObject }
|
|
303
|
+
timeScale: { localeObject: trLocaleObject },
|
|
304
304
|
};
|
|
305
305
|
// Horizontal simple time series
|
|
306
306
|
export var simpleHorizontalBarTimeSeriesOptions = {
|
|
307
|
-
title:
|
|
307
|
+
title: 'Simple horizontal bar (time series)',
|
|
308
308
|
axes: {
|
|
309
309
|
left: {
|
|
310
|
-
mapsTo:
|
|
311
|
-
scaleType:
|
|
310
|
+
mapsTo: 'date',
|
|
311
|
+
scaleType: 'time',
|
|
312
312
|
},
|
|
313
313
|
bottom: {
|
|
314
|
-
mapsTo:
|
|
315
|
-
}
|
|
316
|
-
}
|
|
314
|
+
mapsTo: 'value',
|
|
315
|
+
},
|
|
316
|
+
},
|
|
317
317
|
};
|
|
318
318
|
// Vertical simple time series with dense data
|
|
319
319
|
export var simpleBarTimeSeriesDenseOptions = {
|
|
320
|
-
title:
|
|
320
|
+
title: 'Simple bar (time series) with dense data',
|
|
321
321
|
axes: {
|
|
322
322
|
left: {
|
|
323
|
-
mapsTo:
|
|
323
|
+
mapsTo: 'value',
|
|
324
324
|
},
|
|
325
325
|
bottom: {
|
|
326
|
-
mapsTo:
|
|
327
|
-
scaleType:
|
|
328
|
-
}
|
|
326
|
+
mapsTo: 'date',
|
|
327
|
+
scaleType: 'time',
|
|
328
|
+
},
|
|
329
329
|
},
|
|
330
330
|
timeScale: { localeObject: trLocaleObject },
|
|
331
|
-
bars: { maxWidth: 200 }
|
|
331
|
+
bars: { maxWidth: 200 },
|
|
332
332
|
};
|
|
333
333
|
export var simpleHorizontalBarTimeSeriesData = simpleBarTimeSeriesData;
|
|
334
334
|
// Stacked bar
|
|
335
335
|
export var stackedBarData = [
|
|
336
|
-
{ group:
|
|
337
|
-
{ group:
|
|
338
|
-
{ group:
|
|
339
|
-
{ group:
|
|
340
|
-
{ group:
|
|
341
|
-
{ group:
|
|
342
|
-
{ group:
|
|
343
|
-
{ group:
|
|
344
|
-
{ group:
|
|
345
|
-
{ group:
|
|
346
|
-
{ group:
|
|
347
|
-
{ group:
|
|
348
|
-
{ group:
|
|
349
|
-
{ group:
|
|
350
|
-
{ group:
|
|
351
|
-
{ group:
|
|
352
|
-
{ group:
|
|
353
|
-
{ group:
|
|
354
|
-
{ group:
|
|
355
|
-
{ group:
|
|
336
|
+
{ group: 'Dataset 1', key: 'Qty', value: 65000 },
|
|
337
|
+
{ group: 'Dataset 1', key: 'More', value: 29123 },
|
|
338
|
+
{ group: 'Dataset 1', key: 'Sold', value: 35213 },
|
|
339
|
+
{ group: 'Dataset 1', key: 'Restocking', value: 51213 },
|
|
340
|
+
{ group: 'Dataset 1', key: 'Misc', value: 16932 },
|
|
341
|
+
{ group: 'Dataset 2', key: 'Qty', value: 32432 },
|
|
342
|
+
{ group: 'Dataset 2', key: 'More', value: 21312 },
|
|
343
|
+
{ group: 'Dataset 2', key: 'Sold', value: 56456 },
|
|
344
|
+
{ group: 'Dataset 2', key: 'Restocking', value: 21312 },
|
|
345
|
+
{ group: 'Dataset 2', key: 'Misc', value: 34234 },
|
|
346
|
+
{ group: 'Dataset 3', key: 'Qty', value: 12312 },
|
|
347
|
+
{ group: 'Dataset 3', key: 'More', value: 23232 },
|
|
348
|
+
{ group: 'Dataset 3', key: 'Sold', value: 34232 },
|
|
349
|
+
{ group: 'Dataset 3', key: 'Restocking', value: 12312 },
|
|
350
|
+
{ group: 'Dataset 3', key: 'Misc', value: 34234 },
|
|
351
|
+
{ group: 'Dataset 4', key: 'Qty', value: 32423 },
|
|
352
|
+
{ group: 'Dataset 4', key: 'More', value: 21313 },
|
|
353
|
+
{ group: 'Dataset 4', key: 'Sold', value: 64353 },
|
|
354
|
+
{ group: 'Dataset 4', key: 'Restocking', value: 24134 },
|
|
355
|
+
{ group: 'Dataset 4', key: 'Misc', value: 32423 },
|
|
356
356
|
];
|
|
357
357
|
export var stackedBarOptions = {
|
|
358
|
-
title:
|
|
358
|
+
title: 'Stacked bar (discrete)',
|
|
359
359
|
axes: {
|
|
360
360
|
left: {
|
|
361
|
-
mapsTo:
|
|
362
|
-
stacked: true
|
|
361
|
+
mapsTo: 'value',
|
|
362
|
+
stacked: true,
|
|
363
363
|
},
|
|
364
364
|
bottom: {
|
|
365
|
-
mapsTo:
|
|
366
|
-
scaleType:
|
|
367
|
-
}
|
|
368
|
-
}
|
|
365
|
+
mapsTo: 'key',
|
|
366
|
+
scaleType: 'labels',
|
|
367
|
+
},
|
|
368
|
+
},
|
|
369
369
|
};
|
|
370
370
|
// horizontal stacked bar
|
|
371
371
|
export var stackedHorizontalBarData = stackedBarData;
|
|
372
372
|
export var stackedHorizontalBarOptions = {
|
|
373
|
-
title:
|
|
373
|
+
title: 'Stacked horizontal bar (discrete)',
|
|
374
374
|
axes: {
|
|
375
375
|
left: {
|
|
376
|
-
scaleType:
|
|
376
|
+
scaleType: 'labels',
|
|
377
377
|
},
|
|
378
378
|
bottom: {
|
|
379
|
-
stacked: true
|
|
380
|
-
}
|
|
381
|
-
}
|
|
379
|
+
stacked: true,
|
|
380
|
+
},
|
|
381
|
+
},
|
|
382
382
|
};
|
|
383
383
|
export var stackedBarTimeSeriesData = [
|
|
384
|
-
{ group:
|
|
385
|
-
{ group:
|
|
386
|
-
{ group:
|
|
387
|
-
{ group:
|
|
388
|
-
{ group:
|
|
389
|
-
{ group:
|
|
390
|
-
{ group:
|
|
391
|
-
{ group:
|
|
392
|
-
{ group:
|
|
393
|
-
{ group:
|
|
394
|
-
{ group:
|
|
395
|
-
{ group:
|
|
396
|
-
{ group:
|
|
397
|
-
{ group:
|
|
398
|
-
{ group:
|
|
399
|
-
{ group:
|
|
400
|
-
{ group:
|
|
401
|
-
{ group:
|
|
402
|
-
{ group:
|
|
403
|
-
{ group:
|
|
384
|
+
{ group: 'Dataset 1', date: new Date(2019, 0, 1), value: 10000 },
|
|
385
|
+
{ group: 'Dataset 1', date: new Date(2019, 0, 5), value: 65000 },
|
|
386
|
+
{ group: 'Dataset 1', date: new Date(2019, 0, 8), value: 10000 },
|
|
387
|
+
{ group: 'Dataset 1', date: new Date(2019, 0, 13), value: 49213 },
|
|
388
|
+
{ group: 'Dataset 1', date: new Date(2019, 0, 17), value: 51213 },
|
|
389
|
+
{ group: 'Dataset 2', date: new Date(2019, 0, 3), value: 75000 },
|
|
390
|
+
{ group: 'Dataset 2', date: new Date(2019, 0, 6), value: 57312 },
|
|
391
|
+
{ group: 'Dataset 2', date: new Date(2019, 0, 8), value: 21432 },
|
|
392
|
+
{ group: 'Dataset 2', date: new Date(2019, 0, 15), value: 70323 },
|
|
393
|
+
{ group: 'Dataset 2', date: new Date(2019, 0, 19), value: 21300 },
|
|
394
|
+
{ group: 'Dataset 3', date: new Date(2019, 0, 1), value: 50000 },
|
|
395
|
+
{ group: 'Dataset 3', date: new Date(2019, 0, 5), value: 15000 },
|
|
396
|
+
{ group: 'Dataset 3', date: new Date(2019, 0, 8), value: 20000 },
|
|
397
|
+
{ group: 'Dataset 3', date: new Date(2019, 0, 13), value: 39213 },
|
|
398
|
+
{ group: 'Dataset 3', date: new Date(2019, 0, 17), value: 61213 },
|
|
399
|
+
{ group: 'Dataset 4', date: new Date(2019, 0, 2), value: 10 },
|
|
400
|
+
{ group: 'Dataset 4', date: new Date(2019, 0, 6), value: 37312 },
|
|
401
|
+
{ group: 'Dataset 4', date: new Date(2019, 0, 8), value: 51432 },
|
|
402
|
+
{ group: 'Dataset 4', date: new Date(2019, 0, 15), value: 40323 },
|
|
403
|
+
{ group: 'Dataset 4', date: new Date(2019, 0, 19), value: 31300 },
|
|
404
404
|
];
|
|
405
405
|
export var stackedBarTimeSeriesOptions = {
|
|
406
|
-
title:
|
|
406
|
+
title: 'Stacked bar (time series)',
|
|
407
407
|
axes: {
|
|
408
408
|
left: {
|
|
409
|
-
mapsTo:
|
|
410
|
-
stacked: true
|
|
409
|
+
mapsTo: 'value',
|
|
410
|
+
stacked: true,
|
|
411
411
|
},
|
|
412
412
|
bottom: {
|
|
413
|
-
mapsTo:
|
|
414
|
-
scaleType:
|
|
415
|
-
}
|
|
416
|
-
}
|
|
413
|
+
mapsTo: 'date',
|
|
414
|
+
scaleType: 'time',
|
|
415
|
+
},
|
|
416
|
+
},
|
|
417
417
|
};
|
|
418
418
|
// demo with custom ticks
|
|
419
419
|
export var stackedBarTimeSeriesDataCustomTicks = stackedBarTimeSeriesData;
|
|
420
420
|
export var stackedBarTimeSeriesOptionsCustomTicks = {
|
|
421
|
-
title:
|
|
421
|
+
title: 'Stacked bar (time series - custom ticks)',
|
|
422
422
|
axes: {
|
|
423
423
|
left: {
|
|
424
|
-
mapsTo:
|
|
425
|
-
stacked: true
|
|
424
|
+
mapsTo: 'value',
|
|
425
|
+
stacked: true,
|
|
426
426
|
},
|
|
427
427
|
bottom: {
|
|
428
|
-
mapsTo:
|
|
429
|
-
scaleType:
|
|
428
|
+
mapsTo: 'date',
|
|
429
|
+
scaleType: 'time',
|
|
430
430
|
ticks: {
|
|
431
|
-
values: [new Date(2019, 0, 17)]
|
|
432
|
-
}
|
|
433
|
-
}
|
|
434
|
-
}
|
|
431
|
+
values: [new Date(2019, 0, 17)],
|
|
432
|
+
},
|
|
433
|
+
},
|
|
434
|
+
},
|
|
435
435
|
};
|
|
436
436
|
// Stacked horizontal bar (time series)
|
|
437
437
|
export var stackedHorizontalBarTimeSeriesOptions = {
|
|
438
|
-
title:
|
|
438
|
+
title: 'Stacked horizontal bar (time series)',
|
|
439
439
|
axes: {
|
|
440
440
|
left: {
|
|
441
|
-
scaleType:
|
|
441
|
+
scaleType: 'time',
|
|
442
442
|
},
|
|
443
443
|
bottom: {
|
|
444
|
-
stacked: true
|
|
445
|
-
}
|
|
446
|
-
}
|
|
444
|
+
stacked: true,
|
|
445
|
+
},
|
|
446
|
+
},
|
|
447
447
|
};
|
|
448
448
|
export var stackedHorizontalBarTimeSeriesData = stackedBarTimeSeriesData;
|
|
449
449
|
// simple bar - empty state
|
|
450
450
|
export var simpleBarEmptyStateData = [];
|
|
451
451
|
export var simpleBarEmptyStateOptions = {
|
|
452
|
-
title:
|
|
452
|
+
title: 'Simple bar (empty state)',
|
|
453
453
|
axes: {
|
|
454
454
|
left: {},
|
|
455
455
|
bottom: {
|
|
456
|
-
scaleType:
|
|
457
|
-
}
|
|
458
|
-
}
|
|
456
|
+
scaleType: 'labels',
|
|
457
|
+
},
|
|
458
|
+
},
|
|
459
459
|
};
|
|
460
460
|
// simple bar - skeleton
|
|
461
461
|
export var simpleBarSkeletonData = [];
|
|
462
462
|
export var simpleBarSkeletonOptions = {
|
|
463
|
-
title:
|
|
463
|
+
title: 'Simple bar (skeleton)',
|
|
464
464
|
axes: {
|
|
465
465
|
left: {},
|
|
466
466
|
bottom: {
|
|
467
|
-
scaleType:
|
|
468
|
-
}
|
|
467
|
+
scaleType: 'labels',
|
|
468
|
+
},
|
|
469
469
|
},
|
|
470
470
|
data: {
|
|
471
|
-
loading: true
|
|
472
|
-
}
|
|
471
|
+
loading: true,
|
|
472
|
+
},
|
|
473
473
|
};
|
|
474
474
|
// grouped bar - empty state
|
|
475
475
|
export var groupedBarEmptyStateData = [];
|
|
476
476
|
export var groupedBarEmptyStateOptions = {
|
|
477
|
-
title:
|
|
477
|
+
title: 'Grouped bar (empty state)',
|
|
478
478
|
axes: {
|
|
479
479
|
left: {},
|
|
480
480
|
bottom: {
|
|
481
|
-
scaleType:
|
|
482
|
-
}
|
|
483
|
-
}
|
|
481
|
+
scaleType: 'labels',
|
|
482
|
+
},
|
|
483
|
+
},
|
|
484
484
|
};
|
|
485
485
|
// grouped bar - skeleton
|
|
486
486
|
export var groupedBarSkeletonData = [];
|
|
487
487
|
export var groupedBarSkeletonOptions = {
|
|
488
|
-
title:
|
|
488
|
+
title: 'Grouped bar (skeleton)',
|
|
489
489
|
axes: {
|
|
490
490
|
left: {},
|
|
491
491
|
bottom: {
|
|
492
|
-
scaleType:
|
|
493
|
-
}
|
|
492
|
+
scaleType: 'labels',
|
|
493
|
+
},
|
|
494
494
|
},
|
|
495
495
|
data: {
|
|
496
|
-
loading: true
|
|
497
|
-
}
|
|
496
|
+
loading: true,
|
|
497
|
+
},
|
|
498
498
|
};
|
|
499
499
|
// stacked bar - empty state
|
|
500
500
|
export var stackedBarEmptyStateData = [];
|
|
501
501
|
export var stackedBarEmptyStateOptions = {
|
|
502
|
-
title:
|
|
502
|
+
title: 'Stacked bar (empty state)',
|
|
503
503
|
axes: {
|
|
504
504
|
left: {},
|
|
505
505
|
bottom: {
|
|
506
|
-
scaleType:
|
|
507
|
-
}
|
|
508
|
-
}
|
|
506
|
+
scaleType: 'labels',
|
|
507
|
+
},
|
|
508
|
+
},
|
|
509
509
|
};
|
|
510
510
|
// stacked bar - skeleton
|
|
511
511
|
export var stackedBarSkeletonData = [];
|
|
512
512
|
export var stackedBarSkeletonOptions = {
|
|
513
|
-
title:
|
|
513
|
+
title: 'Stacked bar (skeleton)',
|
|
514
514
|
axes: {
|
|
515
515
|
left: {},
|
|
516
516
|
bottom: {
|
|
517
|
-
scaleType:
|
|
518
|
-
}
|
|
517
|
+
scaleType: 'labels',
|
|
518
|
+
},
|
|
519
519
|
},
|
|
520
520
|
data: {
|
|
521
|
-
loading: true
|
|
522
|
-
}
|
|
521
|
+
loading: true,
|
|
522
|
+
},
|
|
523
523
|
};
|
|
524
524
|
// simple horizontal bar - empty state
|
|
525
525
|
export var simpleHorizontalBarEmptyStateData = [];
|
|
526
526
|
export var simpleHorizontalBarEmptyStateOptions = {
|
|
527
|
-
title:
|
|
527
|
+
title: 'Simple horizontal bar (empty state)',
|
|
528
528
|
axes: {
|
|
529
529
|
left: {
|
|
530
|
-
scaleType:
|
|
530
|
+
scaleType: 'labels',
|
|
531
531
|
},
|
|
532
|
-
bottom: {}
|
|
533
|
-
}
|
|
532
|
+
bottom: {},
|
|
533
|
+
},
|
|
534
534
|
};
|
|
535
535
|
// simple horizontal bar - skeleton
|
|
536
536
|
export var simpleHorizontalBarSkeletonData = [];
|
|
537
537
|
export var simpleHorizontalBarSkeletonOptions = {
|
|
538
|
-
title:
|
|
538
|
+
title: 'Simple horizontal bar (skeleton)',
|
|
539
539
|
axes: {
|
|
540
540
|
left: {
|
|
541
|
-
scaleType:
|
|
541
|
+
scaleType: 'labels',
|
|
542
542
|
},
|
|
543
|
-
bottom: {}
|
|
543
|
+
bottom: {},
|
|
544
544
|
},
|
|
545
545
|
data: {
|
|
546
|
-
loading: true
|
|
547
|
-
}
|
|
546
|
+
loading: true,
|
|
547
|
+
},
|
|
548
548
|
};
|
|
549
549
|
// grouped horizontal bar - empty state
|
|
550
550
|
export var groupedHorizontalBarEmptyStateData = [];
|
|
551
551
|
export var groupedHorizontalBarEmptyStateOptions = {
|
|
552
|
-
title:
|
|
552
|
+
title: 'Grouped horizontal bar (empty state)',
|
|
553
553
|
axes: {
|
|
554
554
|
left: {
|
|
555
|
-
scaleType:
|
|
555
|
+
scaleType: 'labels',
|
|
556
556
|
},
|
|
557
|
-
bottom: {}
|
|
558
|
-
}
|
|
557
|
+
bottom: {},
|
|
558
|
+
},
|
|
559
559
|
};
|
|
560
560
|
// grouped horizontal bar - skeleton
|
|
561
561
|
export var groupedHorizontalBarSkeletonData = [];
|
|
562
562
|
export var groupedHorizontalBarSkeletonOptions = {
|
|
563
|
-
title:
|
|
563
|
+
title: 'Grouped horizontal bar (skeleton)',
|
|
564
564
|
axes: {
|
|
565
565
|
left: {
|
|
566
|
-
scaleType:
|
|
566
|
+
scaleType: 'labels',
|
|
567
567
|
},
|
|
568
|
-
bottom: {}
|
|
568
|
+
bottom: {},
|
|
569
569
|
},
|
|
570
570
|
data: {
|
|
571
|
-
loading: true
|
|
572
|
-
}
|
|
571
|
+
loading: true,
|
|
572
|
+
},
|
|
573
573
|
};
|
|
574
574
|
// stacked horizontal bar - empty state
|
|
575
575
|
export var stackedHorizontalBarEmptyStateData = [];
|
|
576
576
|
export var stackedHorizontalBarEmptyStateOptions = {
|
|
577
|
-
title:
|
|
577
|
+
title: 'Stacked horizontal bar (empty state)',
|
|
578
578
|
axes: {
|
|
579
579
|
left: {
|
|
580
|
-
scaleType:
|
|
580
|
+
scaleType: 'labels',
|
|
581
581
|
},
|
|
582
|
-
bottom: {}
|
|
583
|
-
}
|
|
582
|
+
bottom: {},
|
|
583
|
+
},
|
|
584
584
|
};
|
|
585
585
|
// stacked horizontal bar - skeleton
|
|
586
586
|
export var stackedHorizontalBarSkeletonData = [];
|
|
587
587
|
export var stackedHorizontalBarSkeletonOptions = {
|
|
588
|
-
title:
|
|
588
|
+
title: 'Stacked horizontal bar (skeleton)',
|
|
589
589
|
axes: {
|
|
590
590
|
left: {
|
|
591
|
-
scaleType:
|
|
591
|
+
scaleType: 'labels',
|
|
592
592
|
},
|
|
593
|
-
bottom: {}
|
|
593
|
+
bottom: {},
|
|
594
594
|
},
|
|
595
595
|
data: {
|
|
596
|
-
loading: true
|
|
597
|
-
}
|
|
596
|
+
loading: true,
|
|
597
|
+
},
|
|
598
598
|
};
|
|
599
599
|
//# sourceMappingURL=../../../demo/data/bar.js.map
|