pace-chart-lib 1.0.1 → 1.0.3

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.
Files changed (131) hide show
  1. package/dist/{components → Components}/Charts/ChartsWithAxis/ChartsWithAxisFunctions.d.ts +76 -38
  2. package/dist/{components → Components}/Charts/ChartsWithoutAxis/ChartsWithoutAxisTypes.types.d.ts +4 -2
  3. package/dist/{components → Components}/Charts/Core/CommonFunctions.d.ts +3 -1
  4. package/dist/{components → Components}/Charts/Core/DefaultProperties.types.d.ts +2 -0
  5. package/dist/index.d.ts +1 -0
  6. package/dist/pace-chart-lib.es.js +54619 -0
  7. package/dist/pace-chart-lib.umd.js +54622 -0
  8. package/dist/vite.svg +1 -0
  9. package/package.json +1 -1
  10. package/dist/Services/ErrorLog.js +0 -3
  11. package/dist/components/Charts/ChartsWithAxis/AreaFamily/AreaChart.js +0 -496
  12. package/dist/components/Charts/ChartsWithAxis/AreaFamily/LineChart.d.ts +0 -4
  13. package/dist/components/Charts/ChartsWithAxis/AreaFamily/LineChart.js +0 -491
  14. package/dist/components/Charts/ChartsWithAxis/AreaFamily/NormalizedStackAreaChart.js +0 -517
  15. package/dist/components/Charts/ChartsWithAxis/AreaFamily/NormalizedStackLineChart.d.ts +0 -4
  16. package/dist/components/Charts/ChartsWithAxis/AreaFamily/NormalizedStackLineChart.js +0 -553
  17. package/dist/components/Charts/ChartsWithAxis/AreaFamily/StackAreaChart.js +0 -517
  18. package/dist/components/Charts/ChartsWithAxis/AreaFamily/StackLineChart.d.ts +0 -4
  19. package/dist/components/Charts/ChartsWithAxis/AreaFamily/StackLineChart.js +0 -553
  20. package/dist/components/Charts/ChartsWithAxis/BarFamily/BarChart.d.ts +0 -12
  21. package/dist/components/Charts/ChartsWithAxis/BarFamily/BarChart.js +0 -9
  22. package/dist/components/Charts/ChartsWithAxis/ChartsWithAxisFunctions.js +0 -4909
  23. package/dist/components/Charts/ChartsWithAxis/ChartsWithAxisTypes.type.d.ts +0 -0
  24. package/dist/components/Charts/ChartsWithAxis/ChartsWithAxisTypes.type.js +0 -0
  25. package/dist/components/Charts/ChartsWithAxis/ChartsWithAxisTypes.types.js +0 -49
  26. package/dist/components/Charts/ChartsWithAxis/ColumnFamily/ColumnChart copy.d.ts +0 -4
  27. package/dist/components/Charts/ChartsWithAxis/ColumnFamily/ColumnChart copy.js +0 -486
  28. package/dist/components/Charts/ChartsWithAxis/ColumnFamily/ColumnChart.js +0 -497
  29. package/dist/components/Charts/ChartsWithAxis/ColumnFamily/ColumnHistogramChart.js +0 -418
  30. package/dist/components/Charts/ChartsWithAxis/ColumnFamily/CustomColumnChart.js +0 -1013
  31. package/dist/components/Charts/ChartsWithAxis/ColumnFamily/LayeredColumnChart.js +0 -478
  32. package/dist/components/Charts/ChartsWithAxis/ColumnFamily/LineChart.d.ts +0 -4
  33. package/dist/components/Charts/ChartsWithAxis/ColumnFamily/LineChart.js +0 -451
  34. package/dist/components/Charts/ChartsWithAxis/ColumnFamily/NormalizedStackColumnChart.js +0 -533
  35. package/dist/components/Charts/ChartsWithAxis/ColumnFamily/NormalizedStackLineChart.js +0 -512
  36. package/dist/components/Charts/ChartsWithAxis/ColumnFamily/StackColumnChart.js +0 -530
  37. package/dist/components/Charts/ChartsWithAxis/ColumnFamily/StackLineChart.js +0 -512
  38. package/dist/components/Charts/ChartsWithAxis/HorizontalBarFamily/BarChart.d.ts +0 -12
  39. package/dist/components/Charts/ChartsWithAxis/HorizontalBarFamily/BarChart.js +0 -9
  40. package/dist/components/Charts/ChartsWithAxis/HorizontalBarFamily/HorizontalBarChart.js +0 -497
  41. package/dist/components/Charts/ChartsWithAxis/HorizontalBarFamily/HorizontalHistogramChart.js +0 -497
  42. package/dist/components/Charts/ChartsWithAxis/HorizontalBarFamily/LayeredColumnChart.d.ts +0 -4
  43. package/dist/components/Charts/ChartsWithAxis/HorizontalBarFamily/LayeredColumnChart.js +0 -479
  44. package/dist/components/Charts/ChartsWithAxis/HorizontalBarFamily/LayeredHorizontalBarChart.js +0 -478
  45. package/dist/components/Charts/ChartsWithAxis/HorizontalBarFamily/NormalizedStackHorizontalBarChart.js +0 -473
  46. package/dist/components/Charts/ChartsWithAxis/HorizontalBarFamily/StackHorizontalBarChart.js +0 -465
  47. package/dist/components/Charts/ChartsWithAxis/LineFamily/100%StackLineChart.d.ts +0 -0
  48. package/dist/components/Charts/ChartsWithAxis/LineFamily/100%StackLineChart.js +0 -0
  49. package/dist/components/Charts/ChartsWithAxis/LineFamily/LineChart.js +0 -451
  50. package/dist/components/Charts/ChartsWithAxis/LineFamily/NormalisedStackLineChart.d.ts +0 -4
  51. package/dist/components/Charts/ChartsWithAxis/LineFamily/NormalisedStackLineChart.js +0 -554
  52. package/dist/components/Charts/ChartsWithAxis/LineFamily/NormalizedStackLineChart.d.ts +0 -4
  53. package/dist/components/Charts/ChartsWithAxis/LineFamily/NormalizedStackLineChart.js +0 -510
  54. package/dist/components/Charts/ChartsWithAxis/LineFamily/StackLineChart.d.ts +0 -4
  55. package/dist/components/Charts/ChartsWithAxis/LineFamily/StackLineChart.js +0 -507
  56. package/dist/components/Charts/ChartsWithAxis/MiscellaneousChartFamily/TornadoChart.js +0 -393
  57. package/dist/components/Charts/ChartsWithAxis/MiscellaneousChartFamily/WaterfallChart.js +0 -606
  58. package/dist/components/Charts/ChartsWithoutAxis/ChartsWithoutAxis.types.d.ts +0 -0
  59. package/dist/components/Charts/ChartsWithoutAxis/ChartsWithoutAxis.types.js +0 -0
  60. package/dist/components/Charts/ChartsWithoutAxis/ChartsWithoutAxisFunctions.js +0 -815
  61. package/dist/components/Charts/ChartsWithoutAxis/ChartsWithoutAxisTypes.type.d.ts +0 -0
  62. package/dist/components/Charts/ChartsWithoutAxis/ChartsWithoutAxisTypes.type.js +0 -0
  63. package/dist/components/Charts/ChartsWithoutAxis/ChartsWithoutAxisTypes.types.js +0 -32
  64. package/dist/components/Charts/ChartsWithoutAxis/Maps/Cordinates.js +0 -15021
  65. package/dist/components/Charts/ChartsWithoutAxis/Maps/Maps.js +0 -391
  66. package/dist/components/Charts/ChartsWithoutAxis/OtherCharts/BubbleChart.js +0 -367
  67. package/dist/components/Charts/ChartsWithoutAxis/OtherCharts/OrganizationChart.js +0 -570
  68. package/dist/components/Charts/ChartsWithoutAxis/OtherCharts/ProgressChart.js +0 -212
  69. package/dist/components/Charts/ChartsWithoutAxis/OtherCharts/PyramidChart.js +0 -401
  70. package/dist/components/Charts/ChartsWithoutAxis/OtherCharts/RadialBarChart.js +0 -313
  71. package/dist/components/Charts/ChartsWithoutAxis/OtherCharts/SankeyChart.js +0 -719
  72. package/dist/components/Charts/ChartsWithoutAxis/OtherCharts/ScatterChart.js +0 -807
  73. package/dist/components/Charts/ChartsWithoutAxis/OtherCharts/Speedometer.js +0 -514
  74. package/dist/components/Charts/ChartsWithoutAxis/OtherCharts/VennChart.js +0 -282
  75. package/dist/components/Charts/ChartsWithoutAxis/OtherCharts/WordCloud.js +0 -207
  76. package/dist/components/Charts/ChartsWithoutAxis/PieFamily/DonutChart.js +0 -476
  77. package/dist/components/Charts/ChartsWithoutAxis/PieFamily/PieChart.js +0 -420
  78. package/dist/components/Charts/ChartsWithoutAxis/PieFamily/PieFamilyCommonFunctions.js +0 -106
  79. package/dist/components/Charts/ChartsWithoutAxis/PieFamily/PieofPieChart.js +0 -507
  80. package/dist/components/Charts/ChartsWithoutAxis/PieFamily/TreemapChart.js +0 -246
  81. package/dist/components/Charts/Core/Common.type.d.ts +0 -0
  82. package/dist/components/Charts/Core/Common.type.js +0 -0
  83. package/dist/components/Charts/Core/Common.types.js +0 -133
  84. package/dist/components/Charts/Core/CommonFunctions.js +0 -1782
  85. package/dist/components/Charts/Core/DefaultChartDataProperties.js +0 -64
  86. package/dist/components/Charts/Core/DefaultProperties.d.ts +0 -0
  87. package/dist/components/Charts/Core/DefaultProperties.js +0 -0
  88. package/dist/components/Charts/Core/DefaultProperties.type.d.ts +0 -586
  89. package/dist/components/Charts/Core/DefaultProperties.type.js +0 -585
  90. package/dist/components/Charts/Core/DefaultProperties.types.js +0 -592
  91. package/dist/index.js +0 -40
  92. /package/dist/{components → Components}/Charts/ChartsWithAxis/AreaFamily/AreaChart.d.ts +0 -0
  93. /package/dist/{components → Components}/Charts/ChartsWithAxis/AreaFamily/NormalizedStackAreaChart.d.ts +0 -0
  94. /package/dist/{components → Components}/Charts/ChartsWithAxis/AreaFamily/StackAreaChart.d.ts +0 -0
  95. /package/dist/{components → Components}/Charts/ChartsWithAxis/ChartsWithAxisTypes.types.d.ts +0 -0
  96. /package/dist/{components → Components}/Charts/ChartsWithAxis/ColumnFamily/ColumnChart.d.ts +0 -0
  97. /package/dist/{components → Components}/Charts/ChartsWithAxis/ColumnFamily/ColumnHistogramChart.d.ts +0 -0
  98. /package/dist/{components → Components}/Charts/ChartsWithAxis/ColumnFamily/CustomColumnChart.d.ts +0 -0
  99. /package/dist/{components → Components}/Charts/ChartsWithAxis/ColumnFamily/LayeredColumnChart.d.ts +0 -0
  100. /package/dist/{components → Components}/Charts/ChartsWithAxis/ColumnFamily/NormalizedStackColumnChart.d.ts +0 -0
  101. /package/dist/{components → Components}/Charts/ChartsWithAxis/ColumnFamily/StackColumnChart.d.ts +0 -0
  102. /package/dist/{components → Components}/Charts/ChartsWithAxis/HorizontalBarFamily/HorizontalBarChart.d.ts +0 -0
  103. /package/dist/{components → Components}/Charts/ChartsWithAxis/HorizontalBarFamily/HorizontalHistogramChart.d.ts +0 -0
  104. /package/dist/{components → Components}/Charts/ChartsWithAxis/HorizontalBarFamily/LayeredHorizontalBarChart.d.ts +0 -0
  105. /package/dist/{components → Components}/Charts/ChartsWithAxis/HorizontalBarFamily/NormalizedStackHorizontalBarChart.d.ts +0 -0
  106. /package/dist/{components → Components}/Charts/ChartsWithAxis/HorizontalBarFamily/StackHorizontalBarChart.d.ts +0 -0
  107. /package/dist/{components → Components}/Charts/ChartsWithAxis/LineFamily/LineChart.d.ts +0 -0
  108. /package/dist/{components/Charts/ChartsWithAxis/ColumnFamily → Components/Charts/ChartsWithAxis/LineFamily}/NormalizedStackLineChart.d.ts +0 -0
  109. /package/dist/{components/Charts/ChartsWithAxis/ColumnFamily → Components/Charts/ChartsWithAxis/LineFamily}/StackLineChart.d.ts +0 -0
  110. /package/dist/{components → Components}/Charts/ChartsWithAxis/MiscellaneousChartFamily/TornadoChart.d.ts +0 -0
  111. /package/dist/{components → Components}/Charts/ChartsWithAxis/MiscellaneousChartFamily/WaterfallChart.d.ts +0 -0
  112. /package/dist/{components → Components}/Charts/ChartsWithoutAxis/ChartsWithoutAxisFunctions.d.ts +0 -0
  113. /package/dist/{components → Components}/Charts/ChartsWithoutAxis/Maps/Cordinates.d.ts +0 -0
  114. /package/dist/{components → Components}/Charts/ChartsWithoutAxis/Maps/Maps.d.ts +0 -0
  115. /package/dist/{components → Components}/Charts/ChartsWithoutAxis/OtherCharts/BubbleChart.d.ts +0 -0
  116. /package/dist/{components → Components}/Charts/ChartsWithoutAxis/OtherCharts/OrganizationChart.d.ts +0 -0
  117. /package/dist/{components → Components}/Charts/ChartsWithoutAxis/OtherCharts/ProgressChart.d.ts +0 -0
  118. /package/dist/{components → Components}/Charts/ChartsWithoutAxis/OtherCharts/PyramidChart.d.ts +0 -0
  119. /package/dist/{components → Components}/Charts/ChartsWithoutAxis/OtherCharts/RadialBarChart.d.ts +0 -0
  120. /package/dist/{components → Components}/Charts/ChartsWithoutAxis/OtherCharts/SankeyChart.d.ts +0 -0
  121. /package/dist/{components → Components}/Charts/ChartsWithoutAxis/OtherCharts/ScatterChart.d.ts +0 -0
  122. /package/dist/{components → Components}/Charts/ChartsWithoutAxis/OtherCharts/Speedometer.d.ts +0 -0
  123. /package/dist/{components → Components}/Charts/ChartsWithoutAxis/OtherCharts/VennChart.d.ts +0 -0
  124. /package/dist/{components → Components}/Charts/ChartsWithoutAxis/OtherCharts/WordCloud.d.ts +0 -0
  125. /package/dist/{components → Components}/Charts/ChartsWithoutAxis/PieFamily/DonutChart.d.ts +0 -0
  126. /package/dist/{components → Components}/Charts/ChartsWithoutAxis/PieFamily/PieChart.d.ts +0 -0
  127. /package/dist/{components → Components}/Charts/ChartsWithoutAxis/PieFamily/PieFamilyCommonFunctions.d.ts +0 -0
  128. /package/dist/{components → Components}/Charts/ChartsWithoutAxis/PieFamily/PieofPieChart.d.ts +0 -0
  129. /package/dist/{components → Components}/Charts/ChartsWithoutAxis/PieFamily/TreemapChart.d.ts +0 -0
  130. /package/dist/{components → Components}/Charts/Core/Common.types.d.ts +0 -0
  131. /package/dist/{components → Components}/Charts/Core/DefaultChartDataProperties.d.ts +0 -0
@@ -1,510 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- //#region Imports
3
- import * as d3 from "d3";
4
- import * as d3Annotation from "d3-svg-annotation";
5
- import { useEffect, useRef } from "react";
6
- import { logError } from "../../../../Services/ErrorLog";
7
- import { staticLegendShape } from "../../Core/Common.types";
8
- import { drawLegends, generalizedChartData, lineMarkers } from "../../Core/CommonFunctions";
9
- import { addDataTable, dataTablePreCalculation, drawSeriesLabels, firstFunctionBeforeRender, getCurveType, getStackedData, initChartArea, initPlotArea, initSvg, initXaxis, initYaxis, marginCalculation, prepareDataForSeriesLabel, responsiveXaxisLabel, setChartTitle, setDateFormats, setXaxistitle, stacklineAnnotations, yAxistitle, yAxistitleRight, } from "../ChartsWithAxisFunctions";
10
- import { actualChartTypes, } from "../ChartsWithAxisTypes.types";
11
- const NormalisedStackLineChart = ({ isDateType, formatOptions, data, }) => {
12
- // adding variables as per requirement
13
- const chartId = crypto.randomUUID();
14
- const barWidth = 0; // coz line chart
15
- const chartType = actualChartTypes.stackLine100;
16
- const svgRef = useRef();
17
- const seriesData = generalizedChartData(data.ChartData, data.DimensionList);
18
- const dimensionList = data.DimensionList;
19
- const barChart = false;
20
- const isSecondaryAxisDrawn = false;
21
- let isPrimaryAxisDrawn = true;
22
- let customYaxisMinValue = parseFloat(formatOptions.yAxisLabel.yAxisMinText);
23
- let customYaxisMaxValue = parseFloat(formatOptions.yAxisLabel.yAxisMaxText);
24
- let secondaryCustomYaxisMinValue = parseFloat(formatOptions.secondaryYAxisLabel.secondaryYAxisMinText);
25
- let secondaryCustomYaxisMaxValue = parseFloat(formatOptions.secondaryYAxisLabel.secondaryYAxisMaxText);
26
- let margin;
27
- let yLabel;
28
- let xLabel;
29
- let yTitle;
30
- let xTitle;
31
- let dimensionHeightWidthArray;
32
- let chartTitleHeight;
33
- let secondaryAxisTitleWidth;
34
- let legendMargin;
35
- let secondaryYLabel;
36
- let maxNumberForPrimaryAxis;
37
- let maxNumberForSecondaryAxis;
38
- let innerWidth;
39
- let innerHeight;
40
- let width;
41
- let height;
42
- let dataTable;
43
- let dataTableHeight;
44
- let svg;
45
- let gTag;
46
- let yScaleLeft;
47
- let yScaleRight;
48
- let xScale;
49
- let seriesLabels;
50
- let calculatedRange;
51
- let seriesLabelWidth;
52
- let yAxisLeft;
53
- let xAxis;
54
- let yAxisRight;
55
- let filteredDimension;
56
- let filteredData = [];
57
- let scrollPosition = 0;
58
- const visibleBars = 2;
59
- let stackLineData = [];
60
- let stackChartData = [];
61
- const isNormalizedChart = true;
62
- let chartJSON = {
63
- dimensionList: dimensionList,
64
- chartType: chartType,
65
- chartData: [],
66
- formatOptions: formatOptions,
67
- legendList: [],
68
- secondaryAxisDrawn: false,
69
- yMaxLeft: 0,
70
- yMaxRight: 0,
71
- yMinLeft: 0,
72
- yMinRight: 0,
73
- hideZeroValues: false,
74
- formattedDimensionListMap: new Map(),
75
- };
76
- //#region UseEffect
77
- useEffect(() => {
78
- try {
79
- createNormalizedLinechart();
80
- }
81
- catch (error) {
82
- logError("NormalizedLinechart", "createNormalizedLinechart", error);
83
- }
84
- }, [formatOptions]);
85
- //#endregion
86
- const createNormalizedLinechart = () => {
87
- ({ formatOptions, svg, width, height } = firstFunctionBeforeRender(svgRef, formatOptions));
88
- preProcessChartData(); // preaparing data related to chart creation
89
- // Applies custom Y-axis label formatting and calculates the necessary margin based on axis extremes.
90
- // const resultCustomYscaleLabelFormatting = customYscaleLabelFormatting(
91
- // // for calculating primary/secondary axis max number so that we can calculate margin accordinglt
92
- // formatOptions,
93
- // chartJSON.yMinLeft,
94
- // chartJSON.yMaxLeft,
95
- // chartJSON.yMinRight,
96
- // chartJSON.yMaxRight
97
- // );
98
- // maxNumberForPrimaryAxis =
99
- // resultCustomYscaleLabelFormatting.maxNumberForPrimaryAxis;
100
- // maxNumberForSecondaryAxis =
101
- // resultCustomYscaleLabelFormatting.maxNumberForSecondaryAxis;
102
- ({
103
- margin,
104
- yLabel,
105
- xLabel,
106
- yTitle,
107
- xTitle,
108
- dimensionHeightWidthArray,
109
- chartTitleHeight,
110
- secondaryAxisTitleWidth,
111
- legendMargin,
112
- secondaryYLabel,
113
- } = marginCalculation(
114
- // for all margin related calculations
115
- width, height, maxNumberForPrimaryAxis, maxNumberForSecondaryAxis, chartJSON.yMaxLeft, formatOptions, chartJSON.legendList, chartJSON.dimensionList, chartJSON.yMaxRight, isSecondaryAxisDrawn, isNormalizedChart, isDateType));
116
- setSVGContainer(margin); // for innerWidth/height static width/height
117
- ({ dataTable, dataTableHeight } = dataTablePreCalculation(
118
- // calculations for data tables
119
- formatOptions, yLabel, yTitle, seriesData, chartJSON.dimensionList));
120
- initSvg(
121
- // for svg creation
122
- svg, width, height, formatOptions);
123
- //d3.select(svgRef.current, width, height);
124
- gTag = initChartArea(svg, margin); // creating chart area
125
- initPlotArea(gTag, formatOptions, dataTableHeight, innerWidth, innerHeight, chartType);
126
- initScale();
127
- initAxis();
128
- initYaxis(gTag, formatOptions, dataTableHeight, yLabel, yAxisLeft, innerHeight);
129
- // initYaxisRight(
130
- // gTag,
131
- // formatOptions,
132
- // dataTableHeight,
133
- // secondaryYLabel,
134
- // yAxisRight,
135
- // innerHeight,
136
- // innerWidth,
137
- // floatingTagG
138
- // );
139
- horizontalScrollBar(seriesData, height, svg, margin, innerWidth);
140
- if (formatOptions.dataTableProperties &&
141
- formatOptions.dataTableProperties.dataTable) {
142
- if (formatOptions.xAxisLabel.xAxisPosition != "1")
143
- formatOptions.xAxisLabel.xAxisLabelVisibility = false;
144
- addDataTable(formatOptions.plotArea.fitChart, svg, gTag, dataTable, barWidth, yScaleLeft, xScale, undefined, undefined, undefined, dataTableHeight, "Line", formatOptions, yLabel, yTitle, chartJSON.dimensionList, innerWidth, calculatedRange, chartJSON.formattedDimensionListMap, chartId, margin, innerHeight);
145
- }
146
- setXaxistitle(formatOptions, barChart, svg, margin, xLabel, height, xTitle, chartJSON.chartType, yLabel, innerWidth, innerHeight);
147
- yAxistitle(innerHeight, formatOptions, dataTableHeight, barChart, svg, margin, yTitle, yLabel);
148
- yAxistitleRight(svg, isSecondaryAxisDrawn, margin, formatOptions, dataTableHeight, innerHeight, innerWidth, secondaryYLabel, secondaryAxisTitleWidth); // to be added later
149
- setChartTitle(svg, formatOptions, width, chartTitleHeight);
150
- drawLegends(height, svg, dimensionHeightWidthArray, chartTitleHeight, width, legendMargin, formatOptions, seriesData, chartId, staticLegendShape.line);
151
- };
152
- const preProcessChartData = () => {
153
- const allChartData = [];
154
- const legendList = [];
155
- seriesData.forEach((series, index) => {
156
- // Prefix the legend
157
- const prefixedLegend = `${index}~$~${series.properties.legend}`;
158
- series.properties.legend = prefixedLegend;
159
- legendList.push(prefixedLegend);
160
- // Flatten data and collect unique dimensions
161
- for (const point of series.data) {
162
- allChartData.push(point);
163
- }
164
- });
165
- // Assign the flattened and deduplicated results
166
- chartJSON.chartData = allChartData;
167
- chartJSON.legendList = legendList;
168
- // Deep clone the updated seriesData
169
- filteredData = JSON.parse(JSON.stringify(seriesData));
170
- if (!formatOptions.plotArea.fitChart) {
171
- filteredDimension = chartJSON.dimensionList.slice(scrollPosition, scrollPosition + visibleBars);
172
- filteredData.forEach((series) => {
173
- series.data = series.data.filter((d) => filteredDimension.includes(d.dimension));
174
- });
175
- }
176
- else {
177
- filteredDimension = chartJSON.dimensionList;
178
- }
179
- // Optional zero hiding flag
180
- if (formatOptions.plotArea.hideZeroValues) {
181
- chartJSON.hideZeroValues = true;
182
- }
183
- // Prepare stacked data
184
- const tempStackLineData = getStackedData(chartJSON.dimensionList, seriesData, isNormalizedChart);
185
- const allStackDataChart = d3
186
- .stack()
187
- .keys(chartJSON.legendList)
188
- .offset(d3.stackOffsetDiverging)(tempStackLineData);
189
- createStackLineData();
190
- // Get min value from stack (you manually set yMaxLeft = 1)
191
- let yMinLeft = Infinity;
192
- for (const series of allStackDataChart) {
193
- for (const [start] of series) {
194
- yMinLeft = Math.min(yMinLeft, start);
195
- }
196
- }
197
- chartJSON.yMinLeft = yMinLeft > 0 ? 0 : yMinLeft;
198
- chartJSON.yMaxLeft = 1; // as per your original override
199
- // Format dimensions
200
- const formatedDimensionList = isDateType
201
- ? setDateFormats(formatOptions.xAxisLabel.xAxisNumberFormat, chartJSON.dimensionList).map((d) => d)
202
- : chartJSON.dimensionList;
203
- // Assign formatted dimension list map (cleanest one-liner)
204
- chartJSON.formattedDimensionListMap = new Map(chartJSON.dimensionList.map((d, i) => [d, formatedDimensionList[i]]));
205
- // let secondaryAxisMinValue = 0;
206
- // let secondaryAxisMaxValue = 0;
207
- // if (isSecondaryAxisDrawn) {
208
- // seriesData?.forEach((data) => {
209
- // if (data.properties.axis == "Secondary") {
210
- // // isSecondaryAxisDrawn = true;
211
- // if (
212
- // secondaryAxisMinValue >
213
- // d3.min(data.data, (d: TDataPoint) => d.value)
214
- // ) {
215
- // secondaryAxisMinValue = d3.min(
216
- // data.data,
217
- // (d: TDataPoint) => d.value
218
- // );
219
- // }
220
- // if (
221
- // secondaryAxisMaxValue <
222
- // d3.max(data.data, (d: TDataPoint) => d.value)
223
- // ) {
224
- // secondaryAxisMaxValue = d3.max(
225
- // data.data,
226
- // (d: TDataPoint) => d.value
227
- // );
228
- // }
229
- // }
230
- // });
231
- // chartJSON.yMinRight = secondaryAxisMinValue;
232
- // chartJSON.yMaxRight = secondaryAxisMaxValue;
233
- // }
234
- };
235
- const initScale = () => {
236
- if (isPrimaryAxisDrawn) {
237
- yScaleLeft = d3
238
- .scaleLinear()
239
- .domain([chartJSON.yMinLeft < 0 ? -1 : 0, 1])
240
- .range([
241
- dataTableHeight > 0 ? innerHeight - dataTableHeight : innerHeight,
242
- 0,
243
- ]);
244
- }
245
- // for future reference
246
- // if (isSecondaryAxisDrawn) {
247
- // yScaleRight = d3
248
- // .scaleLinear()
249
- // .domain([
250
- // chartJSON.yMinRight >= 0
251
- // ? (secondaryCustomYaxisMinValue ||
252
- // secondaryCustomYaxisMinValue == 0) &&
253
- // !Number.isNaN(secondaryCustomYaxisMinValue)
254
- // ? secondaryCustomYaxisMinValue
255
- // : 0
256
- // : (secondaryCustomYaxisMinValue ||
257
- // secondaryCustomYaxisMinValue == 0) &&
258
- // !Number.isNaN(secondaryCustomYaxisMinValue)
259
- // ? secondaryCustomYaxisMinValue
260
- // : chartJSON.yMinRight * 1.1,
261
- // chartJSON.yMaxRight <= 0
262
- // ? secondaryCustomYaxisMaxValue
263
- // ? secondaryCustomYaxisMaxValue
264
- // : 0
265
- // : secondaryCustomYaxisMaxValue
266
- // ? secondaryCustomYaxisMaxValue
267
- // : chartJSON.yMaxRight * 1.1,
268
- // ])
269
- // .range([
270
- // dataTableHeight > 0 ? innerHeight - dataTableHeight : innerHeight,
271
- // 0,
272
- // ]);
273
- // }
274
- calculatedRange = [0, innerWidth];
275
- if (formatOptions.seriesLabel.seriesLabelVisibility) {
276
- let labelObj = prepareDataForSeriesLabel(innerWidth, yScaleLeft, formatOptions, filteredData, undefined, isSecondaryAxisDrawn, true);
277
- seriesLabels = labelObj.labelArray;
278
- formatOptions.seriesLabel.seriesLabelPosition == "Right" &&
279
- (seriesLabelWidth = labelObj.heightWidth[0]);
280
- formatOptions.seriesLabel.seriesLabelPosition == "Right"
281
- ? (calculatedRange = [0, innerWidth - labelObj.heightWidth[0]])
282
- : (calculatedRange = [labelObj.heightWidth[0], innerWidth]);
283
- }
284
- getXScale();
285
- };
286
- const getXScale = () => {
287
- xScale = d3
288
- .scalePoint()
289
- .domain(filteredDimension)
290
- .range(calculatedRange)
291
- .padding(0.5);
292
- };
293
- const initAxis = () => {
294
- getXAxis();
295
- if (isPrimaryAxisDrawn) {
296
- yAxisLeft = d3
297
- .axisLeft(yScaleLeft)
298
- // .tickFormat((d: number) => //tick format will be always % line 544 with 0 precision
299
- // getNumberWithFormat(
300
- // d,
301
- // formatOptions.yAxisLabel.yAxisDisplayUnits,
302
- // formatOptions.yAxisLabel.yAxisNumberFormat,
303
- // formatOptions.yAxisLabel.yAxisLabelDecimalPrecision
304
- // )
305
- // )
306
- .tickSize(formatOptions.plotArea.gridLinesVisibility
307
- ? formatOptions.plotArea.gridLinesHorizontal
308
- ? -innerWidth + (seriesLabelWidth ? seriesLabelWidth : 0)
309
- : 0
310
- : 0)
311
- .ticks(dataTableHeight > 0
312
- ? (innerHeight - dataTableHeight) / 30
313
- : innerHeight / 30, "%")
314
- .tickSizeOuter(0);
315
- }
316
- };
317
- const getXAxis = () => {
318
- xAxis = d3
319
- .axisBottom(xScale)
320
- .tickSize(formatOptions.plotArea.gridLinesVisibility
321
- ? formatOptions.plotArea.gridLinesVertical
322
- ? formatOptions.plotArea.gridLinesVertical
323
- ? -(dataTableHeight > 0
324
- ? innerHeight - dataTableHeight
325
- : innerHeight)
326
- : parseFloat(formatOptions.plotArea.ticksHeight) *
327
- ((dataTableHeight > 0
328
- ? innerHeight - dataTableHeight
329
- : innerHeight) /
330
- 100) *
331
- (formatOptions.xAxisLabel.xAxisPosition == "1" ? 1 : -1)
332
- : 0
333
- : 0)
334
- .tickSizeOuter(0)
335
- .tickValues(responsiveXaxisLabel(filteredDimension, innerWidth));
336
- };
337
- const getChartType = (lineData) => {
338
- // to convert data value to percentage
339
- stackChartData.forEach((data, i) => data.forEach((item, position) => {
340
- if (lineData[i] && lineData[i].data[position]) {
341
- lineData[i].data[position][0] = item[0] =
342
- item.data.total === 0 ? 0 : item[0] / item.data.total;
343
- lineData[i].data[position][1] = item[1] =
344
- item.data.total === 0 ? 0 : item[1] / item.data.total;
345
- }
346
- }));
347
- lineData.forEach((lData) => {
348
- lData.data.forEach((cData) => {
349
- cData.hideZero = lData.properties.hideZeroValues;
350
- cData.axis = lData.properties.axis;
351
- });
352
- });
353
- const lineGenerator = d3
354
- .line()
355
- .x((d) => xScale(d.data.dimension)
356
- ? xScale(d.data.dimension)
357
- : null)
358
- .y((d) => (d[1] > 0 ? yScaleLeft(d[1]) : yScaleLeft(d[0])))
359
- // .defined((d) => (d.hideZero ? Boolean(d.value) : true))
360
- .curve(getCurveType(formatOptions));
361
- //Lines
362
- // Bind dummy data to ensure a single group is created
363
- let lines = gTag.selectAll(".parentGroup").data([stackChartData.reverse()]);
364
- lines = lines
365
- .enter()
366
- .append("g")
367
- .attr("class", "lines parentGroup")
368
- .merge(lines);
369
- // JOIN: one group per line
370
- let lineGroups = lines.selectAll(".line-group").data((d) => d);
371
- // ENTER: create group for each new line
372
- let lineGroupsEnter = lineGroups
373
- .enter()
374
- .append("g")
375
- .attr("class", (d) => "line-group " + d.key.replace(/ /g, "-"));
376
- // .attr("class", (d) => d.key.replace(/ /g, "-"));
377
- lineGroupsEnter
378
- .attr("hoverId", (d) => d.key.includes("~$~")
379
- ? d.key.split("~$~")[1].replace(/ /g, "-")
380
- : d.key.replace(/ /g, "-"))
381
- .append("path")
382
- .attr("class", "line")
383
- .attr("fill", "none");
384
- // ENTER + UPDATE
385
- lineGroupsEnter
386
- .merge(lineGroups)
387
- .select("path")
388
- .attr("d", (d, i) => lineGenerator(d))
389
- .attr("stroke", (d) => (d.color !== "#ffffff" ? d.color : "none"))
390
- // .style("visibility", (d,i) => (this.individualLegendStyle[i].hideZero && d[i].data[d.key] === 0) ? "hidden" : "visible")
391
- .attr("stroke-dasharray", (d, i) => seriesData[i].properties.lineStyle === "dotted"
392
- ? "0,3"
393
- : seriesData[i].properties.lineStyle === "dashed"
394
- ? "20,10,5,5,5,10"
395
- : "")
396
- .attr("stroke-linecap", (d, i) => seriesData[i].properties.lineStyle === "dotted" ? "round" : "")
397
- .attr("stroke-width", (d, i) => seriesData[i].properties.lineStyle !== "None"
398
- ? seriesData[i].properties.lineWidth
399
- : "0");
400
- // EXIT: remove old groups
401
- lineGroups.exit().remove();
402
- //Markers
403
- lineMarkers(lines, lineData, chartType, xScale, yScaleLeft, yScaleRight, null, formatOptions, chartJSON, secondaryCustomYaxisMaxValue, secondaryCustomYaxisMinValue, customYaxisMinValue, customYaxisMaxValue, true);
404
- };
405
- const setSVGContainer = (margin) => {
406
- innerWidth = width - margin.left - margin.right;
407
- innerHeight = height - margin.bottom - margin.top;
408
- };
409
- const horizontalScrollBar = (seriesData, height, svg, margin, innerWidth) => {
410
- if (!formatOptions.plotArea.fitChart) {
411
- // Scrollbar parameters
412
- const scrollMax = seriesData[0].data.length - visibleBars;
413
- // Scrollbar track & handle
414
- const scrollbarY = height - 20;
415
- filteredDimension = chartJSON.dimensionList.slice(scrollPosition, scrollPosition + visibleBars);
416
- getXScale();
417
- filteredData = JSON.parse(JSON.stringify(seriesData));
418
- filteredData.forEach((data, i) => (filteredData[i].data = data.data.filter((d) => filteredDimension.includes(d.dimension))));
419
- createStackLineData();
420
- getXAxis();
421
- svg
422
- .append("rect")
423
- .attr("x", margin.left)
424
- .attr("y", scrollbarY)
425
- .attr("width", innerWidth)
426
- .attr("height", 8)
427
- .attr("fill", "#ddd")
428
- .attr("rx", 4);
429
- const handleWidth = (innerWidth * visibleBars) / chartJSON.dimensionList.length;
430
- const handle = svg
431
- .append("rect")
432
- .attr("x", margin.left)
433
- .attr("y", scrollbarY)
434
- .attr("width", handleWidth)
435
- .attr("height", 8)
436
- .attr("fill", "#999")
437
- .attr("rx", 4)
438
- .style("cursor", "ew-resize")
439
- .call(d3.drag().on("drag", (event) => {
440
- let x = Math.min(Math.max(event.x, margin.left), margin.left + innerWidth - handleWidth);
441
- handle.attr("x", x);
442
- scrollPosition = Math.round(((x - margin.left) / (innerWidth - handleWidth)) * scrollMax);
443
- filteredDimension = chartJSON.dimensionList.slice(scrollPosition, scrollPosition + visibleBars);
444
- getXScale();
445
- filteredData = JSON.parse(JSON.stringify(seriesData));
446
- filteredData.forEach((data, i) => (filteredData[i].data = data.data.filter((d) => filteredDimension.includes(d.dimension))));
447
- createStackLineData();
448
- getXAxis();
449
- drawLineChart();
450
- }));
451
- svg.on("wheel", (event) => {
452
- event.preventDefault();
453
- const scrollDelta = Math.abs(event.deltaX) > Math.abs(event.deltaY)
454
- ? event.deltaX
455
- : event.deltaY;
456
- scrollPosition += scrollDelta > 0 ? 1 : -1;
457
- scrollPosition = Math.max(0, Math.min(scrollPosition, scrollMax));
458
- const x = margin.left +
459
- ((innerWidth - handleWidth) * scrollPosition) / scrollMax;
460
- handle.attr("x", x);
461
- getXScale();
462
- filteredData = JSON.parse(JSON.stringify(seriesData));
463
- filteredData.forEach((data, i) => (filteredData[i].data = data.data.filter((d) => filteredDimension.includes(d.dimension))));
464
- createStackLineData();
465
- getXAxis();
466
- drawLineChart();
467
- });
468
- }
469
- drawLineChart();
470
- };
471
- const drawLineChart = () => {
472
- // filteredData.forEach((data) => getChartType([data]));
473
- getChartType(filteredData);
474
- initXaxis(gTag, chartJSON, xLabel, formatOptions, dataTableHeight, yScaleLeft, xAxis, dimensionHeightWidthArray, height, barWidth, isDateType, innerWidth, innerHeight, filteredDimension);
475
- stacklineAnnotations(stackChartData, xScale, yScaleLeft, yScaleRight, // need to pass secondary axis scale if secondary axis is drawn
476
- margin, d3Annotation, [], //this.labelExcludeList,
477
- [], //this.individualLabelColor,
478
- [], //this.attributes.Id ? formatOptions.plotArea.dataLabelsCoordinates : this.parentReference.objService.tempAnnotationArray
479
- formatOptions, chartType, height, width, innerWidth, filteredDimension, innerHeight, chartId, svg, dataTableHeight);
480
- let newSeriesLabelArray = prepareDataForSeriesLabel(innerWidth, yScaleLeft, formatOptions, filteredData, undefined, isSecondaryAxisDrawn, true).labelArray;
481
- // adding series labels ( appending legends at the end of line : by default) in plot area
482
- drawSeriesLabels(formatOptions, gTag, newSeriesLabelArray);
483
- };
484
- const createStackLineData = () => {
485
- let stackLineData = getStackedData(filteredDimension, filteredData, isNormalizedChart);
486
- // }
487
- stackChartData = d3
488
- .stack()
489
- .keys(chartJSON.legendList)
490
- .offset(d3.stackOffsetDiverging)(stackLineData);
491
- filteredData.forEach((data, index) => data.data.forEach((axisData, position) => {
492
- axisData["0"] = stackChartData[index][position][0];
493
- axisData["1"] = stackChartData[index][position][1];
494
- }));
495
- //Appending Extra key for tooltip color
496
- let seriesColor = formatOptions.annotation.annotationSetLabelColor;
497
- stackChartData.forEach((K, j) => K.forEach((d) => {
498
- d["key"] = K.key;
499
- K["color"] = JSON.parse(JSON.stringify(seriesData[j].properties.color));
500
- d.data.labelPosition = seriesData[j].properties.dataLabelPosition;
501
- d.data["labelColor"] =
502
- seriesColor == "2"
503
- ? JSON.parse(JSON.stringify(seriesData[j].properties.color))
504
- : seriesData[j].properties.labelColor;
505
- d["hideZero"] = JSON.parse(JSON.stringify(seriesData[j].properties.hideZeroValues));
506
- }));
507
- };
508
- return (_jsxs("div", { style: { width: "100%", height: "100%" }, children: [_jsx("div", { id: "chartTooltipDiv" }), _jsx("svg", { className: "chartSVG", ref: svgRef, id: chartId, style: { width: "100%", height: "100%" } })] }));
509
- };
510
- export default NormalisedStackLineChart;
@@ -1,4 +0,0 @@
1
- import React from "react";
2
- import { type TChartProps } from "../ChartsWithAxisTypes.types";
3
- declare const StackLineChart: React.FC<TChartProps>;
4
- export default StackLineChart;