@techie_doubts/tui.chart.2026 4.6.1
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/README.md +165 -0
- package/dist/esm/animator.d.ts +32 -0
- package/dist/esm/animator.js +102 -0
- package/dist/esm/brushes/axis.d.ts +3 -0
- package/dist/esm/brushes/axis.js +21 -0
- package/dist/esm/brushes/basic.d.ts +9 -0
- package/dist/esm/brushes/basic.js +95 -0
- package/dist/esm/brushes/boxPlot.d.ts +2 -0
- package/dist/esm/brushes/boxPlot.js +22 -0
- package/dist/esm/brushes/circleLegend.d.ts +2 -0
- package/dist/esm/brushes/circleLegend.js +26 -0
- package/dist/esm/brushes/dataLabel.d.ts +6 -0
- package/dist/esm/brushes/dataLabel.js +176 -0
- package/dist/esm/brushes/exportMenu.d.ts +2 -0
- package/dist/esm/brushes/exportMenu.js +55 -0
- package/dist/esm/brushes/gauge.d.ts +2 -0
- package/dist/esm/brushes/gauge.js +39 -0
- package/dist/esm/brushes/label.d.ts +34 -0
- package/dist/esm/brushes/label.js +165 -0
- package/dist/esm/brushes/legend.d.ts +7 -0
- package/dist/esm/brushes/legend.js +162 -0
- package/dist/esm/brushes/lineSeries.d.ts +5 -0
- package/dist/esm/brushes/lineSeries.js +41 -0
- package/dist/esm/brushes/polygon.d.ts +2 -0
- package/dist/esm/brushes/polygon.js +24 -0
- package/dist/esm/brushes/resetButton.d.ts +3 -0
- package/dist/esm/brushes/resetButton.js +112 -0
- package/dist/esm/brushes/scatterSeries.d.ts +2 -0
- package/dist/esm/brushes/scatterSeries.js +125 -0
- package/dist/esm/brushes/sector.d.ts +2 -0
- package/dist/esm/brushes/sector.js +54 -0
- package/dist/esm/brushes/spectrumLegend.d.ts +14 -0
- package/dist/esm/brushes/spectrumLegend.js +199 -0
- package/dist/esm/charts/areaChart.d.ts +254 -0
- package/dist/esm/charts/areaChart.js +358 -0
- package/dist/esm/charts/barChart.d.ts +203 -0
- package/dist/esm/charts/barChart.js +300 -0
- package/dist/esm/charts/boxPlotChart.d.ts +209 -0
- package/dist/esm/charts/boxPlotChart.js +288 -0
- package/dist/esm/charts/bubbleChart.d.ts +188 -0
- package/dist/esm/charts/bubbleChart.js +263 -0
- package/dist/esm/charts/bulletChart.d.ts +199 -0
- package/dist/esm/charts/bulletChart.js +278 -0
- package/dist/esm/charts/chart.d.ts +133 -0
- package/dist/esm/charts/chart.js +484 -0
- package/dist/esm/charts/columnChart.d.ts +205 -0
- package/dist/esm/charts/columnChart.js +299 -0
- package/dist/esm/charts/columnLineChart.d.ts +271 -0
- package/dist/esm/charts/columnLineChart.js +386 -0
- package/dist/esm/charts/gaugeChart.d.ts +191 -0
- package/dist/esm/charts/gaugeChart.js +279 -0
- package/dist/esm/charts/heatmapChart.d.ts +199 -0
- package/dist/esm/charts/heatmapChart.js +292 -0
- package/dist/esm/charts/lineAreaChart.d.ts +271 -0
- package/dist/esm/charts/lineAreaChart.js +374 -0
- package/dist/esm/charts/lineChart.d.ts +253 -0
- package/dist/esm/charts/lineChart.js +360 -0
- package/dist/esm/charts/lineScatterChart.d.ts +200 -0
- package/dist/esm/charts/lineScatterChart.js +285 -0
- package/dist/esm/charts/nestedPieChart.d.ts +192 -0
- package/dist/esm/charts/nestedPieChart.js +268 -0
- package/dist/esm/charts/pieChart.d.ts +156 -0
- package/dist/esm/charts/pieChart.js +224 -0
- package/dist/esm/charts/radarChart.d.ts +169 -0
- package/dist/esm/charts/radarChart.js +240 -0
- package/dist/esm/charts/radialBarChart.d.ts +172 -0
- package/dist/esm/charts/radialBarChart.js +251 -0
- package/dist/esm/charts/scatterChart.d.ts +184 -0
- package/dist/esm/charts/scatterChart.js +279 -0
- package/dist/esm/charts/treemapChart.d.ts +166 -0
- package/dist/esm/charts/treemapChart.js +239 -0
- package/dist/esm/component/areaSeries.d.ts +96 -0
- package/dist/esm/component/areaSeries.js +474 -0
- package/dist/esm/component/axis.d.ts +40 -0
- package/dist/esm/component/axis.js +176 -0
- package/dist/esm/component/axisTitle.d.ts +25 -0
- package/dist/esm/component/axisTitle.js +67 -0
- package/dist/esm/component/axisUsingCenterY.d.ts +32 -0
- package/dist/esm/component/axisUsingCenterY.js +175 -0
- package/dist/esm/component/backButton.d.ts +13 -0
- package/dist/esm/component/backButton.js +26 -0
- package/dist/esm/component/background.d.ts +10 -0
- package/dist/esm/component/background.js +15 -0
- package/dist/esm/component/boxPlotSeries.d.ts +126 -0
- package/dist/esm/component/boxPlotSeries.js +410 -0
- package/dist/esm/component/boxSeries.d.ts +211 -0
- package/dist/esm/component/boxSeries.js +603 -0
- package/dist/esm/component/boxStackSeries.d.ts +62 -0
- package/dist/esm/component/boxStackSeries.js +447 -0
- package/dist/esm/component/bubbleSeries.d.ts +35 -0
- package/dist/esm/component/bubbleSeries.js +174 -0
- package/dist/esm/component/bulletSeries.d.ts +89 -0
- package/dist/esm/component/bulletSeries.js +392 -0
- package/dist/esm/component/circleLegend.d.ts +10 -0
- package/dist/esm/component/circleLegend.js +37 -0
- package/dist/esm/component/component.d.ts +64 -0
- package/dist/esm/component/component.js +170 -0
- package/dist/esm/component/componentManager.d.ts +23 -0
- package/dist/esm/component/componentManager.js +45 -0
- package/dist/esm/component/dataLabels.d.ts +23 -0
- package/dist/esm/component/dataLabels.js +134 -0
- package/dist/esm/component/exportMenu.d.ts +38 -0
- package/dist/esm/component/exportMenu.js +147 -0
- package/dist/esm/component/gaugeSeries.d.ts +160 -0
- package/dist/esm/component/gaugeSeries.js +447 -0
- package/dist/esm/component/heatmapSeries.d.ts +64 -0
- package/dist/esm/component/heatmapSeries.js +152 -0
- package/dist/esm/component/hoveredSeries.d.ts +27 -0
- package/dist/esm/component/hoveredSeries.js +95 -0
- package/dist/esm/component/legend.d.ts +26 -0
- package/dist/esm/component/legend.js +149 -0
- package/dist/esm/component/lineSeries.d.ts +69 -0
- package/dist/esm/component/lineSeries.js +319 -0
- package/dist/esm/component/noDataText.d.ts +9 -0
- package/dist/esm/component/noDataText.js +31 -0
- package/dist/esm/component/pieSeries.d.ts +137 -0
- package/dist/esm/component/pieSeries.js +390 -0
- package/dist/esm/component/plot.d.ts +37 -0
- package/dist/esm/component/plot.js +163 -0
- package/dist/esm/component/radarSeries.d.ts +85 -0
- package/dist/esm/component/radarSeries.js +222 -0
- package/dist/esm/component/radialAxis.d.ts +26 -0
- package/dist/esm/component/radialAxis.js +210 -0
- package/dist/esm/component/radialBarSeries.d.ts +111 -0
- package/dist/esm/component/radialBarSeries.js +349 -0
- package/dist/esm/component/radialPlot.d.ts +55 -0
- package/dist/esm/component/radialPlot.js +188 -0
- package/dist/esm/component/rangeSelection.d.ts +61 -0
- package/dist/esm/component/rangeSelection.js +150 -0
- package/dist/esm/component/resetButton.d.ts +13 -0
- package/dist/esm/component/resetButton.js +26 -0
- package/dist/esm/component/scatterSeries.d.ts +34 -0
- package/dist/esm/component/scatterSeries.js +159 -0
- package/dist/esm/component/selectedSeries.d.ts +26 -0
- package/dist/esm/component/selectedSeries.js +109 -0
- package/dist/esm/component/spectrumLegend.d.ts +15 -0
- package/dist/esm/component/spectrumLegend.js +76 -0
- package/dist/esm/component/title.d.ts +12 -0
- package/dist/esm/component/title.js +53 -0
- package/dist/esm/component/tooltip.d.ts +41 -0
- package/dist/esm/component/tooltip.js +131 -0
- package/dist/esm/component/treemapSeries.d.ts +57 -0
- package/dist/esm/component/treemapSeries.js +191 -0
- package/dist/esm/component/zeroAxis.d.ts +9 -0
- package/dist/esm/component/zeroAxis.js +49 -0
- package/dist/esm/eventEmitter.d.ts +8 -0
- package/dist/esm/eventEmitter.js +15 -0
- package/dist/esm/helpers/arrayUtil.d.ts +10 -0
- package/dist/esm/helpers/arrayUtil.js +54 -0
- package/dist/esm/helpers/axes.d.ts +67 -0
- package/dist/esm/helpers/axes.js +345 -0
- package/dist/esm/helpers/boxSeries.d.ts +5 -0
- package/dist/esm/helpers/boxSeries.js +71 -0
- package/dist/esm/helpers/calculator.d.ts +19 -0
- package/dist/esm/helpers/calculator.js +153 -0
- package/dist/esm/helpers/color.d.ts +153 -0
- package/dist/esm/helpers/color.js +218 -0
- package/dist/esm/helpers/colorSpectrum.d.ts +5 -0
- package/dist/esm/helpers/colorSpectrum.js +17 -0
- package/dist/esm/helpers/coordinate.d.ts +9 -0
- package/dist/esm/helpers/coordinate.js +51 -0
- package/dist/esm/helpers/dataLabels.d.ts +36 -0
- package/dist/esm/helpers/dataLabels.js +405 -0
- package/dist/esm/helpers/dom.d.ts +2 -0
- package/dist/esm/helpers/dom.js +8 -0
- package/dist/esm/helpers/downloader.d.ts +7 -0
- package/dist/esm/helpers/downloader.js +287 -0
- package/dist/esm/helpers/formatDate.d.ts +16 -0
- package/dist/esm/helpers/formatDate.js +140 -0
- package/dist/esm/helpers/geometric.d.ts +3 -0
- package/dist/esm/helpers/geometric.js +35 -0
- package/dist/esm/helpers/googleAnalytics.d.ts +1 -0
- package/dist/esm/helpers/googleAnalytics.js +39 -0
- package/dist/esm/helpers/htmlSanitizer.d.ts +1 -0
- package/dist/esm/helpers/htmlSanitizer.js +86 -0
- package/dist/esm/helpers/legend.d.ts +9 -0
- package/dist/esm/helpers/legend.js +47 -0
- package/dist/esm/helpers/pieSeries.d.ts +15 -0
- package/dist/esm/helpers/pieSeries.js +72 -0
- package/dist/esm/helpers/plot.d.ts +2 -0
- package/dist/esm/helpers/plot.js +4 -0
- package/dist/esm/helpers/radarSeries.d.ts +1 -0
- package/dist/esm/helpers/radarSeries.js +7 -0
- package/dist/esm/helpers/range.d.ts +6 -0
- package/dist/esm/helpers/range.js +16 -0
- package/dist/esm/helpers/responders.d.ts +37 -0
- package/dist/esm/helpers/responders.js +197 -0
- package/dist/esm/helpers/sector.d.ts +55 -0
- package/dist/esm/helpers/sector.js +117 -0
- package/dist/esm/helpers/squarifier.d.ts +8 -0
- package/dist/esm/helpers/squarifier.js +110 -0
- package/dist/esm/helpers/style.d.ts +14 -0
- package/dist/esm/helpers/style.js +48 -0
- package/dist/esm/helpers/theme.d.ts +58 -0
- package/dist/esm/helpers/theme.js +557 -0
- package/dist/esm/helpers/tooltip.d.ts +2 -0
- package/dist/esm/helpers/tooltip.js +18 -0
- package/dist/esm/helpers/tooltipTemplate.d.ts +21 -0
- package/dist/esm/helpers/tooltipTemplate.js +147 -0
- package/dist/esm/helpers/utils.d.ts +42 -0
- package/dist/esm/helpers/utils.js +268 -0
- package/dist/esm/helpers/validation.d.ts +6 -0
- package/dist/esm/helpers/validation.js +16 -0
- package/dist/esm/index.d.ts +40 -0
- package/dist/esm/index.js +75 -0
- package/dist/esm/message.d.ts +11 -0
- package/dist/esm/message.js +11 -0
- package/dist/esm/painter.d.ts +27 -0
- package/dist/esm/painter.js +88 -0
- package/dist/esm/responderDetectors.d.ts +6 -0
- package/dist/esm/responderDetectors.js +124 -0
- package/dist/esm/scale/coordinateScaleCalculator.d.ts +24 -0
- package/dist/esm/scale/coordinateScaleCalculator.js +174 -0
- package/dist/esm/scale/datetimeScaleCalculator.d.ts +20 -0
- package/dist/esm/scale/datetimeScaleCalculator.js +59 -0
- package/dist/esm/store/axes.d.ts +30 -0
- package/dist/esm/store/axes.js +282 -0
- package/dist/esm/store/category.d.ts +4 -0
- package/dist/esm/store/category.js +73 -0
- package/dist/esm/store/colorValueScale.d.ts +3 -0
- package/dist/esm/store/colorValueScale.js +56 -0
- package/dist/esm/store/dataRange.d.ts +4 -0
- package/dist/esm/store/dataRange.js +170 -0
- package/dist/esm/store/gaugeAxes.d.ts +4 -0
- package/dist/esm/store/gaugeAxes.js +175 -0
- package/dist/esm/store/heatmapAxes.d.ts +3 -0
- package/dist/esm/store/heatmapAxes.js +98 -0
- package/dist/esm/store/heatmapSeriesData.d.ts +3 -0
- package/dist/esm/store/heatmapSeriesData.js +34 -0
- package/dist/esm/store/layout.d.ts +12 -0
- package/dist/esm/store/layout.js +487 -0
- package/dist/esm/store/legend.d.ts +3 -0
- package/dist/esm/store/legend.js +435 -0
- package/dist/esm/store/nestedPieSeriesData.d.ts +3 -0
- package/dist/esm/store/nestedPieSeriesData.js +49 -0
- package/dist/esm/store/options.d.ts +3 -0
- package/dist/esm/store/options.js +62 -0
- package/dist/esm/store/plot.d.ts +3 -0
- package/dist/esm/store/plot.js +102 -0
- package/dist/esm/store/radialAxes.d.ts +8 -0
- package/dist/esm/store/radialAxes.js +199 -0
- package/dist/esm/store/reactive.d.ts +11 -0
- package/dist/esm/store/reactive.js +196 -0
- package/dist/esm/store/root.d.ts +3 -0
- package/dist/esm/store/root.js +46 -0
- package/dist/esm/store/scale.d.ts +3 -0
- package/dist/esm/store/scale.js +102 -0
- package/dist/esm/store/seriesData.d.ts +3 -0
- package/dist/esm/store/seriesData.js +299 -0
- package/dist/esm/store/stackSeriesData.d.ts +8 -0
- package/dist/esm/store/stackSeriesData.js +192 -0
- package/dist/esm/store/store.d.ts +20 -0
- package/dist/esm/store/store.js +112 -0
- package/dist/esm/store/theme.d.ts +3 -0
- package/dist/esm/store/theme.js +139 -0
- package/dist/esm/store/treemapSeriesData.d.ts +4 -0
- package/dist/esm/store/treemapSeriesData.js +93 -0
- package/dist/td-chart.css +127 -0
- package/dist/td-chart.js +41463 -0
- package/dist/td-chart.min.css +6 -0
- package/dist/td-chart.min.js +9 -0
- package/package.json +112 -0
- package/types/brushes.d.ts +30 -0
- package/types/charts.d.ts +152 -0
- package/types/components/axis.d.ts +71 -0
- package/types/components/circleLegend.d.ts +9 -0
- package/types/components/dataLabels.d.ts +119 -0
- package/types/components/exportMenu.d.ts +14 -0
- package/types/components/legend.d.ts +27 -0
- package/types/components/plot.d.ts +8 -0
- package/types/components/radialAxis.d.ts +22 -0
- package/types/components/radialPlot.d.ts +11 -0
- package/types/components/rangeSelection.d.ts +3 -0
- package/types/components/resetButton.d.ts +13 -0
- package/types/components/series.d.ts +386 -0
- package/types/components/spectrumLegend.d.ts +25 -0
- package/types/components/tooltip.d.ts +58 -0
- package/types/components/zoom.d.ts +3 -0
- package/types/eventEmitter.d.ts +12 -0
- package/types/index.d.ts +615 -0
- package/types/options.d.ts +833 -0
- package/types/resizeObserver.d.ts +54 -0
- package/types/store/store.d.ts +564 -0
- package/types/theme.d.ts +670 -0
|
@@ -0,0 +1,153 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Color map.
|
|
3
|
+
* http://stackoverflow.com/questions/1573053/javascript-function-to-convert-color-names-to-hex-codes
|
|
4
|
+
* http://www.w3schools.com/HTML/html_colornames.asp
|
|
5
|
+
* @ignore
|
|
6
|
+
*/
|
|
7
|
+
export declare const colorMap: {
|
|
8
|
+
aliceblue: string;
|
|
9
|
+
antiquewhite: string;
|
|
10
|
+
aqua: string;
|
|
11
|
+
aquamarine: string;
|
|
12
|
+
azure: string;
|
|
13
|
+
beige: string;
|
|
14
|
+
bisque: string;
|
|
15
|
+
black: string;
|
|
16
|
+
blanchedalmond: string;
|
|
17
|
+
blue: string;
|
|
18
|
+
blueviolet: string;
|
|
19
|
+
brown: string;
|
|
20
|
+
burlywood: string;
|
|
21
|
+
cadetblue: string;
|
|
22
|
+
chartreuse: string;
|
|
23
|
+
chocolate: string;
|
|
24
|
+
coral: string;
|
|
25
|
+
cornflowerblue: string;
|
|
26
|
+
cornsilk: string;
|
|
27
|
+
crimson: string;
|
|
28
|
+
cyan: string;
|
|
29
|
+
darkblue: string;
|
|
30
|
+
darkcyan: string;
|
|
31
|
+
darkgoldenrod: string;
|
|
32
|
+
darkgray: string;
|
|
33
|
+
darkgreen: string;
|
|
34
|
+
darkkhaki: string;
|
|
35
|
+
darkmagenta: string;
|
|
36
|
+
darkolivegreen: string;
|
|
37
|
+
darkorange: string;
|
|
38
|
+
darkorchid: string;
|
|
39
|
+
darkred: string;
|
|
40
|
+
darksalmon: string;
|
|
41
|
+
darkseagreen: string;
|
|
42
|
+
darkslateblue: string;
|
|
43
|
+
darkslategray: string;
|
|
44
|
+
darkturquoise: string;
|
|
45
|
+
darkviolet: string;
|
|
46
|
+
deeppink: string;
|
|
47
|
+
deepskyblue: string;
|
|
48
|
+
dimgray: string;
|
|
49
|
+
dodgerblue: string;
|
|
50
|
+
firebrick: string;
|
|
51
|
+
floralwhite: string;
|
|
52
|
+
forestgreen: string;
|
|
53
|
+
fuchsia: string;
|
|
54
|
+
gainsboro: string;
|
|
55
|
+
ghostwhite: string;
|
|
56
|
+
gold: string;
|
|
57
|
+
goldenrod: string;
|
|
58
|
+
gray: string;
|
|
59
|
+
green: string;
|
|
60
|
+
greenyellow: string;
|
|
61
|
+
honeydew: string;
|
|
62
|
+
hotpink: string;
|
|
63
|
+
indianred: string;
|
|
64
|
+
indigo: string;
|
|
65
|
+
ivory: string;
|
|
66
|
+
khaki: string;
|
|
67
|
+
lavender: string;
|
|
68
|
+
lavenderblush: string;
|
|
69
|
+
lawngreen: string;
|
|
70
|
+
lemonchiffon: string;
|
|
71
|
+
lightblue: string;
|
|
72
|
+
lightcoral: string;
|
|
73
|
+
lightcyan: string;
|
|
74
|
+
lightgoldenrodyellow: string;
|
|
75
|
+
lightgrey: string;
|
|
76
|
+
lightgreen: string;
|
|
77
|
+
lightpink: string;
|
|
78
|
+
lightsalmon: string;
|
|
79
|
+
lightseagreen: string;
|
|
80
|
+
lightskyblue: string;
|
|
81
|
+
lightslategray: string;
|
|
82
|
+
lightsteelblue: string;
|
|
83
|
+
lightyellow: string;
|
|
84
|
+
lime: string;
|
|
85
|
+
limegreen: string;
|
|
86
|
+
linen: string;
|
|
87
|
+
magenta: string;
|
|
88
|
+
maroon: string;
|
|
89
|
+
mediumaquamarine: string;
|
|
90
|
+
mediumblue: string;
|
|
91
|
+
mediumorchid: string;
|
|
92
|
+
mediumpurple: string;
|
|
93
|
+
mediumseagreen: string;
|
|
94
|
+
mediumslateblue: string;
|
|
95
|
+
mediumspringgreen: string;
|
|
96
|
+
mediumturquoise: string;
|
|
97
|
+
mediumvioletred: string;
|
|
98
|
+
midnightblue: string;
|
|
99
|
+
mintcream: string;
|
|
100
|
+
mistyrose: string;
|
|
101
|
+
moccasin: string;
|
|
102
|
+
navajowhite: string;
|
|
103
|
+
navy: string;
|
|
104
|
+
oldlace: string;
|
|
105
|
+
olive: string;
|
|
106
|
+
olivedrab: string;
|
|
107
|
+
orange: string;
|
|
108
|
+
orangered: string;
|
|
109
|
+
orchid: string;
|
|
110
|
+
palegoldenrod: string;
|
|
111
|
+
palegreen: string;
|
|
112
|
+
paleturquoise: string;
|
|
113
|
+
palevioletred: string;
|
|
114
|
+
papayawhip: string;
|
|
115
|
+
peachpuff: string;
|
|
116
|
+
peru: string;
|
|
117
|
+
pink: string;
|
|
118
|
+
plum: string;
|
|
119
|
+
powderblue: string;
|
|
120
|
+
purple: string;
|
|
121
|
+
red: string;
|
|
122
|
+
rosybrown: string;
|
|
123
|
+
royalblue: string;
|
|
124
|
+
saddlebrown: string;
|
|
125
|
+
salmon: string;
|
|
126
|
+
sandybrown: string;
|
|
127
|
+
seagreen: string;
|
|
128
|
+
seashell: string;
|
|
129
|
+
sienna: string;
|
|
130
|
+
silver: string;
|
|
131
|
+
skyblue: string;
|
|
132
|
+
slateblue: string;
|
|
133
|
+
slategray: string;
|
|
134
|
+
snow: string;
|
|
135
|
+
springgreen: string;
|
|
136
|
+
steelblue: string;
|
|
137
|
+
tan: string;
|
|
138
|
+
teal: string;
|
|
139
|
+
thistle: string;
|
|
140
|
+
tomato: string;
|
|
141
|
+
turquoise: string;
|
|
142
|
+
violet: string;
|
|
143
|
+
wheat: string;
|
|
144
|
+
white: string;
|
|
145
|
+
whitesmoke: string;
|
|
146
|
+
yellow: string;
|
|
147
|
+
yellowgreen: string;
|
|
148
|
+
};
|
|
149
|
+
export declare function hexToRGB(str: string): number[] | boolean;
|
|
150
|
+
export declare function rgbToHEX(r: number, g: number, b: number): string | boolean;
|
|
151
|
+
export declare function getRGBA(str: string, opacity: number): string;
|
|
152
|
+
export declare function getAlpha(str: string): number;
|
|
153
|
+
export declare function rgba(color: string, opacity?: number): string;
|
|
@@ -0,0 +1,218 @@
|
|
|
1
|
+
import { range } from "./utils";
|
|
2
|
+
const hexRX = /(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i;
|
|
3
|
+
const rgbRX = /rgb\((\d{1,3}), ?(\d{1,3}), ?(\d{1,3})\)/;
|
|
4
|
+
const rgbaRX = /rgba\((\d{1,3}), ?(\d{1,3}), ?(\d{1,3}), ?(1|0?\.?\d+)\)/;
|
|
5
|
+
/**
|
|
6
|
+
* Color map.
|
|
7
|
+
* http://stackoverflow.com/questions/1573053/javascript-function-to-convert-color-names-to-hex-codes
|
|
8
|
+
* http://www.w3schools.com/HTML/html_colornames.asp
|
|
9
|
+
* @ignore
|
|
10
|
+
*/
|
|
11
|
+
export const colorMap = {
|
|
12
|
+
aliceblue: '#f0f8ff',
|
|
13
|
+
antiquewhite: '#faebd7',
|
|
14
|
+
aqua: '#00ffff',
|
|
15
|
+
aquamarine: '#7fffd4',
|
|
16
|
+
azure: '#f0ffff',
|
|
17
|
+
beige: '#f5f5dc',
|
|
18
|
+
bisque: '#ffe4c4',
|
|
19
|
+
black: '#000000',
|
|
20
|
+
blanchedalmond: '#ffebcd',
|
|
21
|
+
blue: '#0000ff',
|
|
22
|
+
blueviolet: '#8a2be2',
|
|
23
|
+
brown: '#a52a2a',
|
|
24
|
+
burlywood: '#deb887',
|
|
25
|
+
cadetblue: '#5f9ea0',
|
|
26
|
+
chartreuse: '#7fff00',
|
|
27
|
+
chocolate: '#d2691e',
|
|
28
|
+
coral: '#ff7f50',
|
|
29
|
+
cornflowerblue: '#6495ed',
|
|
30
|
+
cornsilk: '#fff8dc',
|
|
31
|
+
crimson: '#dc143c',
|
|
32
|
+
cyan: '#00ffff',
|
|
33
|
+
darkblue: '#00008b',
|
|
34
|
+
darkcyan: '#008b8b',
|
|
35
|
+
darkgoldenrod: '#b8860b',
|
|
36
|
+
darkgray: '#a9a9a9',
|
|
37
|
+
darkgreen: '#006400',
|
|
38
|
+
darkkhaki: '#bdb76b',
|
|
39
|
+
darkmagenta: '#8b008b',
|
|
40
|
+
darkolivegreen: '#556b2f',
|
|
41
|
+
darkorange: '#ff8c00',
|
|
42
|
+
darkorchid: '#9932cc',
|
|
43
|
+
darkred: '#8b0000',
|
|
44
|
+
darksalmon: '#e9967a',
|
|
45
|
+
darkseagreen: '#8fbc8f',
|
|
46
|
+
darkslateblue: '#483d8b',
|
|
47
|
+
darkslategray: '#2f4f4f',
|
|
48
|
+
darkturquoise: '#00ced1',
|
|
49
|
+
darkviolet: '#9400d3',
|
|
50
|
+
deeppink: '#ff1493',
|
|
51
|
+
deepskyblue: '#00bfff',
|
|
52
|
+
dimgray: '#696969',
|
|
53
|
+
dodgerblue: '#1e90ff',
|
|
54
|
+
firebrick: '#b22222',
|
|
55
|
+
floralwhite: '#fffaf0',
|
|
56
|
+
forestgreen: '#228b22',
|
|
57
|
+
fuchsia: '#ff00ff',
|
|
58
|
+
gainsboro: '#dcdcdc',
|
|
59
|
+
ghostwhite: '#f8f8ff',
|
|
60
|
+
gold: '#ffd700',
|
|
61
|
+
goldenrod: '#daa520',
|
|
62
|
+
gray: '#808080',
|
|
63
|
+
green: '#008000',
|
|
64
|
+
greenyellow: '#adff2f',
|
|
65
|
+
honeydew: '#f0fff0',
|
|
66
|
+
hotpink: '#ff69b4',
|
|
67
|
+
indianred: '#cd5c5c',
|
|
68
|
+
indigo: '#4b0082',
|
|
69
|
+
ivory: '#fffff0',
|
|
70
|
+
khaki: '#f0e68c',
|
|
71
|
+
lavender: '#e6e6fa',
|
|
72
|
+
lavenderblush: '#fff0f5',
|
|
73
|
+
lawngreen: '#7cfc00',
|
|
74
|
+
lemonchiffon: '#fffacd',
|
|
75
|
+
lightblue: '#add8e6',
|
|
76
|
+
lightcoral: '#f08080',
|
|
77
|
+
lightcyan: '#e0ffff',
|
|
78
|
+
lightgoldenrodyellow: '#fafad2',
|
|
79
|
+
lightgrey: '#d3d3d3',
|
|
80
|
+
lightgreen: '#90ee90',
|
|
81
|
+
lightpink: '#ffb6c1',
|
|
82
|
+
lightsalmon: '#ffa07a',
|
|
83
|
+
lightseagreen: '#20b2aa',
|
|
84
|
+
lightskyblue: '#87cefa',
|
|
85
|
+
lightslategray: '#778899',
|
|
86
|
+
lightsteelblue: '#b0c4de',
|
|
87
|
+
lightyellow: '#ffffe0',
|
|
88
|
+
lime: '#00ff00',
|
|
89
|
+
limegreen: '#32cd32',
|
|
90
|
+
linen: '#faf0e6',
|
|
91
|
+
magenta: '#ff00ff',
|
|
92
|
+
maroon: '#800000',
|
|
93
|
+
mediumaquamarine: '#66cdaa',
|
|
94
|
+
mediumblue: '#0000cd',
|
|
95
|
+
mediumorchid: '#ba55d3',
|
|
96
|
+
mediumpurple: '#9370d8',
|
|
97
|
+
mediumseagreen: '#3cb371',
|
|
98
|
+
mediumslateblue: '#7b68ee',
|
|
99
|
+
mediumspringgreen: '#00fa9a',
|
|
100
|
+
mediumturquoise: '#48d1cc',
|
|
101
|
+
mediumvioletred: '#c71585',
|
|
102
|
+
midnightblue: '#191970',
|
|
103
|
+
mintcream: '#f5fffa',
|
|
104
|
+
mistyrose: '#ffe4e1',
|
|
105
|
+
moccasin: '#ffe4b5',
|
|
106
|
+
navajowhite: '#ffdead',
|
|
107
|
+
navy: '#000080',
|
|
108
|
+
oldlace: '#fdf5e6',
|
|
109
|
+
olive: '#808000',
|
|
110
|
+
olivedrab: '#6b8e23',
|
|
111
|
+
orange: '#ffa500',
|
|
112
|
+
orangered: '#ff4500',
|
|
113
|
+
orchid: '#da70d6',
|
|
114
|
+
palegoldenrod: '#eee8aa',
|
|
115
|
+
palegreen: '#98fb98',
|
|
116
|
+
paleturquoise: '#afeeee',
|
|
117
|
+
palevioletred: '#d87093',
|
|
118
|
+
papayawhip: '#ffefd5',
|
|
119
|
+
peachpuff: '#ffdab9',
|
|
120
|
+
peru: '#cd853f',
|
|
121
|
+
pink: '#ffc0cb',
|
|
122
|
+
plum: '#dda0dd',
|
|
123
|
+
powderblue: '#b0e0e6',
|
|
124
|
+
purple: '#800080',
|
|
125
|
+
red: '#ff0000',
|
|
126
|
+
rosybrown: '#bc8f8f',
|
|
127
|
+
royalblue: '#4169e1',
|
|
128
|
+
saddlebrown: '#8b4513',
|
|
129
|
+
salmon: '#fa8072',
|
|
130
|
+
sandybrown: '#f4a460',
|
|
131
|
+
seagreen: '#2e8b57',
|
|
132
|
+
seashell: '#fff5ee',
|
|
133
|
+
sienna: '#a0522d',
|
|
134
|
+
silver: '#c0c0c0',
|
|
135
|
+
skyblue: '#87ceeb',
|
|
136
|
+
slateblue: '#6a5acd',
|
|
137
|
+
slategray: '#708090',
|
|
138
|
+
snow: '#fffafa',
|
|
139
|
+
springgreen: '#00ff7f',
|
|
140
|
+
steelblue: '#4682b4',
|
|
141
|
+
tan: '#d2b48c',
|
|
142
|
+
teal: '#008080',
|
|
143
|
+
thistle: '#d8bfd8',
|
|
144
|
+
tomato: '#ff6347',
|
|
145
|
+
turquoise: '#40e0d0',
|
|
146
|
+
violet: '#ee82ee',
|
|
147
|
+
wheat: '#f5deb3',
|
|
148
|
+
white: '#ffffff',
|
|
149
|
+
whitesmoke: '#f5f5f5',
|
|
150
|
+
yellow: '#ffff00',
|
|
151
|
+
yellowgreen: '#9acd32',
|
|
152
|
+
};
|
|
153
|
+
function leadingZero(number, length) {
|
|
154
|
+
if (number.length > length) {
|
|
155
|
+
return number;
|
|
156
|
+
}
|
|
157
|
+
let res = number;
|
|
158
|
+
range(0, length - 1).forEach((_) => {
|
|
159
|
+
res = '0' + res;
|
|
160
|
+
});
|
|
161
|
+
return res.slice(length * -1);
|
|
162
|
+
}
|
|
163
|
+
function isValidRGB(str) {
|
|
164
|
+
return hexRX.test(str);
|
|
165
|
+
}
|
|
166
|
+
function colorNameToHex(colorName) {
|
|
167
|
+
return colorMap[colorName.toLowerCase()] || colorName;
|
|
168
|
+
}
|
|
169
|
+
// @license RGB <-> HSV conversion utilities based off of http://www.cs.rit.edu/~ncs/color/t_convert.html
|
|
170
|
+
export function hexToRGB(str) {
|
|
171
|
+
const hexStr = colorNameToHex(str);
|
|
172
|
+
if (!isValidRGB(hexStr)) {
|
|
173
|
+
return false;
|
|
174
|
+
}
|
|
175
|
+
return hexStr
|
|
176
|
+
.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i, (m, r, g, b) => '#' + r + r + g + g + b + b)
|
|
177
|
+
.substring(1)
|
|
178
|
+
.match(/.{2}/g)
|
|
179
|
+
.map((x) => parseInt(x, 16));
|
|
180
|
+
}
|
|
181
|
+
export function rgbToHEX(r, g, b) {
|
|
182
|
+
const hexPreFix = '#';
|
|
183
|
+
const hexStr = hexPreFix +
|
|
184
|
+
leadingZero(r.toString(16), 2) +
|
|
185
|
+
leadingZero(g.toString(16), 2) +
|
|
186
|
+
leadingZero(b.toString(16), 2);
|
|
187
|
+
if (isValidRGB(hexStr)) {
|
|
188
|
+
return hexStr;
|
|
189
|
+
}
|
|
190
|
+
return false;
|
|
191
|
+
}
|
|
192
|
+
export function getRGBA(str, opacity) {
|
|
193
|
+
const hexStr = colorNameToHex(str);
|
|
194
|
+
if (isValidRGB(hexStr)) {
|
|
195
|
+
const [r, g, b] = hexToRGB(hexStr);
|
|
196
|
+
return `rgba(${r}, ${g}, ${b}, ${opacity})`;
|
|
197
|
+
}
|
|
198
|
+
if (rgbRX.test(str)) {
|
|
199
|
+
const match = rgbRX.exec(str);
|
|
200
|
+
return `rgba(${match[1]}, ${match[2]}, ${match[3]}, ${opacity})`;
|
|
201
|
+
}
|
|
202
|
+
if (rgbaRX.test(str)) {
|
|
203
|
+
const match = rgbaRX.exec(str);
|
|
204
|
+
return `rgba(${match[1]}, ${match[2]}, ${match[3]}, ${opacity})`;
|
|
205
|
+
}
|
|
206
|
+
return str;
|
|
207
|
+
}
|
|
208
|
+
export function getAlpha(str) {
|
|
209
|
+
if (rgbaRX.test(str)) {
|
|
210
|
+
const match = rgbaRX.exec(str);
|
|
211
|
+
return Number(match[4]);
|
|
212
|
+
}
|
|
213
|
+
return 1;
|
|
214
|
+
}
|
|
215
|
+
export function rgba(color, opacity = 1) {
|
|
216
|
+
const alpha = getAlpha(color) * opacity;
|
|
217
|
+
return getRGBA(color, alpha);
|
|
218
|
+
}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { ValueEdge } from "../../types/store/store";
|
|
2
|
+
export declare type RGB = [number, number, number];
|
|
3
|
+
export declare function makeDistances(startRGB: RGB, endRGB: RGB): RGB;
|
|
4
|
+
export declare function getColorRatio(limit: ValueEdge, value?: number | null): number | undefined;
|
|
5
|
+
export declare function getSpectrumColor(ratio: number, distances: RGB, startRGB: RGB): string;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { rgbToHEX } from "./color";
|
|
2
|
+
import { isNull, isString, isUndefined } from "./utils";
|
|
3
|
+
export function makeDistances(startRGB, endRGB) {
|
|
4
|
+
return startRGB.map((value, index) => endRGB[index] - value);
|
|
5
|
+
}
|
|
6
|
+
export function getColorRatio(limit, value) {
|
|
7
|
+
if (isUndefined(value)) {
|
|
8
|
+
return;
|
|
9
|
+
}
|
|
10
|
+
const divNumber = Math.abs(limit.max - limit.min);
|
|
11
|
+
return divNumber && !isNull(value) ? (value - limit.min) / divNumber : 0;
|
|
12
|
+
}
|
|
13
|
+
export function getSpectrumColor(ratio, distances, startRGB) {
|
|
14
|
+
const rgbColor = startRGB.map((start, index) => start + parseInt(String(distances[index] * ratio), 10));
|
|
15
|
+
const color = rgbToHEX(...rgbColor);
|
|
16
|
+
return isString(color) ? color : '';
|
|
17
|
+
}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { CoordinateDataType, Point, Rect } from "../../types/options";
|
|
2
|
+
import { RawSeries, Series } from "../../types/store/store";
|
|
3
|
+
export declare function getCoordinateYValue(datum: number | CoordinateDataType): number;
|
|
4
|
+
export declare function getCoordinateXValue(datum: CoordinateDataType): string | number | Date;
|
|
5
|
+
export declare function isValueAfterLastCategory(value: number | string | Date, categories: string[]): boolean;
|
|
6
|
+
export declare function getCoordinateDataIndex(datum: number | CoordinateDataType, categories: string[], dataIndex: number, startIndex: number): number;
|
|
7
|
+
export declare function isCoordinateSeries(series: Series | RawSeries): boolean;
|
|
8
|
+
export declare function isModelExistingInRect(rect: Rect, point: Point): boolean;
|
|
9
|
+
export declare function isMouseInRect(rect: Rect, mousePosition: Point): boolean;
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
import { getFirstValidValue, isNumber, isObject, last } from "./utils";
|
|
2
|
+
export function getCoordinateYValue(datum) {
|
|
3
|
+
if (isNumber(datum)) {
|
|
4
|
+
return datum;
|
|
5
|
+
}
|
|
6
|
+
return Array.isArray(datum) ? datum[1] : datum.y;
|
|
7
|
+
}
|
|
8
|
+
export function getCoordinateXValue(datum) {
|
|
9
|
+
return Array.isArray(datum) ? datum[0] : datum.x;
|
|
10
|
+
}
|
|
11
|
+
export function isValueAfterLastCategory(value, categories) {
|
|
12
|
+
const category = last(categories);
|
|
13
|
+
if (!category) {
|
|
14
|
+
return false;
|
|
15
|
+
}
|
|
16
|
+
return isNumber(value) ? value >= Number(category) : new Date(value) >= new Date(category);
|
|
17
|
+
}
|
|
18
|
+
export function getCoordinateDataIndex(datum, categories, dataIndex, startIndex) {
|
|
19
|
+
if (isNumber(datum)) {
|
|
20
|
+
return dataIndex - startIndex;
|
|
21
|
+
}
|
|
22
|
+
const value = getCoordinateXValue(datum);
|
|
23
|
+
let index = categories.findIndex((category) => category === String(value));
|
|
24
|
+
if (index === -1 && isValueAfterLastCategory(value, categories)) {
|
|
25
|
+
index = categories.length;
|
|
26
|
+
}
|
|
27
|
+
return index;
|
|
28
|
+
}
|
|
29
|
+
function isLineCoordinateSeries(series) {
|
|
30
|
+
var _a;
|
|
31
|
+
if (!series.line) {
|
|
32
|
+
return false;
|
|
33
|
+
}
|
|
34
|
+
const firstData = getFirstValidValue((_a = series.line[0]) === null || _a === void 0 ? void 0 : _a.data);
|
|
35
|
+
return firstData && (Array.isArray(firstData) || isObject(firstData));
|
|
36
|
+
}
|
|
37
|
+
export function isCoordinateSeries(series) {
|
|
38
|
+
return isLineCoordinateSeries(series) || !!series.scatter || !!series.bubble;
|
|
39
|
+
}
|
|
40
|
+
export function isModelExistingInRect(rect, point) {
|
|
41
|
+
const { height, width } = rect;
|
|
42
|
+
const { x, y } = point;
|
|
43
|
+
return x >= 0 && x <= width && y >= 0 && y <= height;
|
|
44
|
+
}
|
|
45
|
+
export function isMouseInRect(rect, mousePosition) {
|
|
46
|
+
const { x, y, width, height } = rect;
|
|
47
|
+
return (mousePosition.x >= x &&
|
|
48
|
+
mousePosition.x <= x + width &&
|
|
49
|
+
mousePosition.y >= y &&
|
|
50
|
+
mousePosition.y <= y + height);
|
|
51
|
+
}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { OptionsWithDataLabels } from "../../types/store/store";
|
|
2
|
+
import { DataLabelOptions, Rect } from "../../types/options";
|
|
3
|
+
import { DataLabel, DataLabelOption, PointDataLabel, RectDataLabel, RadialDataLabel, LineDataLabel, DataLabelType, RadialBarDataLabel } from "../../types/components/dataLabels";
|
|
4
|
+
export declare const RADIUS_PADDING = 30;
|
|
5
|
+
declare type LabelPosition = {
|
|
6
|
+
x: number;
|
|
7
|
+
y: number;
|
|
8
|
+
textAlign: CanvasTextAlign;
|
|
9
|
+
textBaseline: CanvasTextBaseline;
|
|
10
|
+
radian?: number;
|
|
11
|
+
};
|
|
12
|
+
export declare function getDefaultDataLabelsOptions(dataLabelOptions: DataLabelOptions, type: DataLabelType, withStack?: boolean): DataLabelOption;
|
|
13
|
+
export declare function makePointLabelInfo(point: PointDataLabel, dataLabelOptions: DataLabelOption, rect: Rect): DataLabel;
|
|
14
|
+
export declare function makeRectLabelInfo(rect: RectDataLabel, dataLabelOptions: DataLabelOption): DataLabel;
|
|
15
|
+
export declare function makeSectorLabelPosition(model: RadialDataLabel, dataLabelOptions: DataLabelOption): LabelPosition;
|
|
16
|
+
export declare function makeSectorBarLabelInfo(model: RadialBarDataLabel, dataLabelOptions: DataLabelOption): DataLabel;
|
|
17
|
+
export declare function makeSectorLabelInfo(model: RadialDataLabel, dataLabelOptions: DataLabelOption): DataLabel;
|
|
18
|
+
export declare function makePieSeriesNameLabelInfo(model: RadialDataLabel, dataLabelOptions: DataLabelOption): DataLabel;
|
|
19
|
+
export declare function getDataLabelsOptions(options: OptionsWithDataLabels, name: string): any;
|
|
20
|
+
export declare function makeLineLabelInfo(model: LineDataLabel, dataLabelOptions: DataLabelOption): {
|
|
21
|
+
x: number;
|
|
22
|
+
y: number;
|
|
23
|
+
textAlign: CanvasTextAlign;
|
|
24
|
+
textBaseline: CanvasTextBaseline;
|
|
25
|
+
text: string;
|
|
26
|
+
type: "line";
|
|
27
|
+
x2: number;
|
|
28
|
+
y2: number;
|
|
29
|
+
strokeStyle?: string | undefined;
|
|
30
|
+
lineWidth?: number | undefined;
|
|
31
|
+
dashSegments?: number[] | undefined;
|
|
32
|
+
name?: string | undefined;
|
|
33
|
+
value: number;
|
|
34
|
+
theme: import("../../types/theme").BubbleDataLabel;
|
|
35
|
+
};
|
|
36
|
+
export {};
|