pace-chart-lib 1.0.7 → 1.0.8

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.
@@ -11605,6 +11605,7 @@
11605
11605
  )[1] : 0;
11606
11606
  yTitle = yTitle > width * 0.1 ? width * 0.1 : yTitle;
11607
11607
  let yLabel = formatOptions.yAxisLabel.yAxisLabelVisibility ? responsiveYaxisMargin(maxNumberForPrimaryAxis, yMaxLeft, formatOptions, false, isNormalizedChart) : getYAxisLabel(formatOptions, max$2(legendList, (d) => d?.length || 0) || 0);
11608
+ yLabel += 8;
11608
11609
  let secondaryYLabel = formatOptions.secondaryYAxisLabel.secondaryYAxisLabelVisibility ? responsiveYaxisMargin(
11609
11610
  maxNumberForSecondaryAxis,
11610
11611
  yMaxRight,
@@ -12048,20 +12049,7 @@
12048
12049
  let decimalValues = decimalPrescision;
12049
12050
  let formatter;
12050
12051
  if (displayUnits === "Auto") {
12051
- if (Math.abs(measureValue) >= 1e9) {
12052
- Unit = 1e9;
12053
- displayUnitsPostFix = "B";
12054
- } else if (Math.abs(measureValue) >= 1e6) {
12055
- Unit = 1e6;
12056
- displayUnitsPostFix = "M";
12057
- } else if (Math.abs(measureValue) >= 1e3) {
12058
- Unit = 1e3;
12059
- displayUnitsPostFix = "K";
12060
- } else {
12061
- Unit = 1;
12062
- displayUnitsPostFix = "";
12063
- }
12064
- measureValue = measureValue / Unit;
12052
+ return getAutoNumberWithFormat(measureValue);
12065
12053
  } else if (displayUnits != staticDisplayUnits.none) {
12066
12054
  displayUnits == staticDisplayUnits.thousands ? (Unit = 1e3, displayUnitsPostFix = "K") : null;
12067
12055
  displayUnits == staticDisplayUnits.millions ? (Unit = 1e6, displayUnitsPostFix = "M") : null;
@@ -12110,6 +12098,26 @@
12110
12098
  throw error;
12111
12099
  }
12112
12100
  }
12101
+ function getAutoNumberWithFormat(value2) {
12102
+ if (value2 === null || value2 === void 0 || isNaN(value2)) return "-";
12103
+ const absValue = Math.abs(value2);
12104
+ if (absValue >= 1e9) {
12105
+ return format(".2s")(value2).replace("G", "B");
12106
+ } else if (absValue >= 1e6) {
12107
+ return format(".2s")(value2);
12108
+ } else if (absValue >= 1e3) {
12109
+ return format(".2s")(value2);
12110
+ } else if (absValue >= 1) {
12111
+ const formatted = format(".2f")(value2);
12112
+ return +formatted === Math.floor(value2) ? format(".0f")(value2) : formatted;
12113
+ } else if (absValue >= 0.01) {
12114
+ return format(".2f")(value2);
12115
+ } else if (absValue > 0) {
12116
+ return format(".2e")(value2);
12117
+ } else {
12118
+ return "0";
12119
+ }
12120
+ }
12113
12121
  function responsiveYaxisMargin(maxNumber, yMax, formatOptions, isSecondaryAxis, isNormalizedChart) {
12114
12122
  try {
12115
12123
  {
@@ -12123,8 +12131,7 @@
12123
12131
  if (displayUnits != "None") {
12124
12132
  yMaxNumber = getNumberWithFormat(
12125
12133
  Math.floor(maxNumber) || Math.floor(yMax),
12126
- "Auto",
12127
- //displayUnits,
12134
+ displayUnits,
12128
12135
  numberFormat,
12129
12136
  decimalPrecision ?? "2"
12130
12137
  ).toString();
@@ -12159,6 +12166,7 @@
12159
12166
  }
12160
12167
  function responsiveSecondaryYaxisLabel(secondaryYmax, secondaryYmin, formatOptions, chartJSON) {
12161
12168
  try {
12169
+ let autoLabelFlag = false;
12162
12170
  let secondaryCustomYaxisIntervalValue = parseFloat(formatOptions.secondaryYAxisLabel.secondaryYAxisIntervalText);
12163
12171
  let secondaryCustomYaxisMinValue = parseFloat(formatOptions.secondaryYAxisLabel.secondaryYAxisMinText);
12164
12172
  let secondaryCustomYaxisMaxValue = parseFloat(formatOptions.secondaryYAxisLabel.secondaryYAxisMaxText);
@@ -12200,6 +12208,7 @@
12200
12208
  }
12201
12209
  }
12202
12210
  } else {
12211
+ let autoLabelFlag2 = true;
12203
12212
  let labelWidthPx = calculateWidthHeightDynamically(
12204
12213
  (parseFloat(formatOptions.yAxisLabel.yAxisMaxText) || chartJSON.yMaxRight).toString(),
12205
12214
  formatOptions.yAxisLabel.yAxisLabelFontSize,
@@ -12213,7 +12222,7 @@
12213
12222
  labelWidthPx[0]
12214
12223
  );
12215
12224
  }
12216
- return { secondaryYAxisLabelArray, secondaryCustomTickValue };
12225
+ return { secondaryYAxisLabelArray, secondaryCustomTickValue, autoLabelFlag };
12217
12226
  } catch (e) {
12218
12227
  }
12219
12228
  }
@@ -12255,11 +12264,17 @@
12255
12264
  }
12256
12265
  function responsiveYaxisLabel$1(Ymax, Ymin, innerHeight2, formatOptions, chartJSON, customYaxisMinValue, customYaxisMaxValue, barChart, innerWidth2) {
12257
12266
  try {
12267
+ let autoLabelFlag = false;
12258
12268
  let customYaxisIntervalValue = parseFloat(
12259
12269
  formatOptions.yAxisLabel.yAxisIntervalText
12260
12270
  );
12261
12271
  let yAxisLabelArray = [];
12262
12272
  let customTickValue;
12273
+ if (!customYaxisMaxValue && Ymax > 0) {
12274
+ const range2 = Ymax - Ymin;
12275
+ const padding = range2 * 0.05;
12276
+ Ymax = Ymax + padding;
12277
+ }
12263
12278
  if (customYaxisIntervalValue && customYaxisIntervalValue !== 0 && customYaxisIntervalValue !== void 0) {
12264
12279
  let minValue = customYaxisMinValue || customYaxisMinValue == 0 ? customYaxisMinValue : Ymin;
12265
12280
  let maxValue = customYaxisMaxValue || customYaxisMaxValue == 0 ? customYaxisMaxValue : Ymax;
@@ -12299,6 +12314,7 @@
12299
12314
  }
12300
12315
  }
12301
12316
  } else {
12317
+ autoLabelFlag = true;
12302
12318
  let labelWidthPx = calculateWidthHeightDynamically(
12303
12319
  (customYaxisMaxValue || chartJSON.yMaxLeft).toString(),
12304
12320
  formatOptions.yAxisLabel.yAxisLabelFontSize,
@@ -12307,13 +12323,14 @@
12307
12323
  );
12308
12324
  yAxisLabelArray = getLabelsFromAlgo(
12309
12325
  customYaxisMinValue || chartJSON.yMinLeft,
12310
- customYaxisMaxValue || chartJSON.yMaxLeft,
12326
+ Ymax,
12327
+ //Use updated Ymax with padding
12311
12328
  barChart ? innerWidth2 : innerHeight2,
12312
12329
  barChart ? labelWidthPx[1] : labelWidthPx[0]
12313
12330
  );
12314
- customTickValue = barChart ? innerWidth2 / 30 : innerHeight2 / 30;
12331
+ customTickValue = barChart ? innerWidth2 / 80 : innerHeight2 / 80;
12315
12332
  }
12316
- return { yAxisLabelArray, customTickValue };
12333
+ return { yAxisLabelArray, customTickValue, autoLabelFlag };
12317
12334
  } catch (e) {
12318
12335
  throw e;
12319
12336
  }
@@ -12346,9 +12363,7 @@
12346
12363
  labels.push(parseFloat(current.toFixed(10)));
12347
12364
  current += interval2;
12348
12365
  }
12349
- const reductionFactor = 4;
12350
- const reducedLabels = labels.filter((i) => i % reductionFactor === 0);
12351
- return reducedLabels;
12366
+ return labels;
12352
12367
  }
12353
12368
  function initYaxis$1(gTag, formatOptions, dataTableHeight, yLabel, yAxisLeft, innerHeight2) {
12354
12369
  try {
@@ -16402,6 +16417,15 @@
16402
16417
  };
16403
16418
  const initAxis = () => {
16404
16419
  {
16420
+ let responsiveLablesObj = responsiveYaxisLabel$1(
16421
+ customYaxisMaxValue ? customYaxisMaxValue : chartJSON.yMaxLeft,
16422
+ chartJSON.yMinLeft,
16423
+ innerHeight2,
16424
+ formatOptions,
16425
+ chartJSON,
16426
+ customYaxisMinValue,
16427
+ customYaxisMaxValue
16428
+ );
16405
16429
  yAxisLeft = axisLeft(yScaleLeft).tickFormat(
16406
16430
  (d) => getNumberWithFormat(
16407
16431
  d,
@@ -16411,27 +16435,7 @@
16411
16435
  )
16412
16436
  ).tickSize(
16413
16437
  formatOptions.plotArea.gridLinesVisibility ? formatOptions.plotArea.gridLinesHorizontal ? -innerWidth2 + (seriesLabelWidth ? seriesLabelWidth : 0) : 0 : 0
16414
- ).tickValues(
16415
- responsiveYaxisLabel$1(
16416
- customYaxisMaxValue ? customYaxisMaxValue : chartJSON.yMaxLeft,
16417
- chartJSON.yMinLeft,
16418
- innerHeight2,
16419
- formatOptions,
16420
- chartJSON,
16421
- customYaxisMinValue,
16422
- customYaxisMaxValue
16423
- ).yAxisLabelArray
16424
- ).ticks(
16425
- responsiveYaxisLabel$1(
16426
- customYaxisMaxValue ? customYaxisMaxValue : chartJSON.yMaxLeft,
16427
- chartJSON.yMinLeft,
16428
- innerHeight2,
16429
- formatOptions,
16430
- chartJSON,
16431
- customYaxisMinValue,
16432
- customYaxisMaxValue
16433
- ).customTickValue ?? (dataTableHeight > 0 ? (innerHeight2 - dataTableHeight) / 30 : innerHeight2 / 30)
16434
- ).tickPadding(8).tickSizeOuter(0);
16438
+ ).tickValues(responsiveLablesObj.autoLabelFlag ? void 0 : responsiveLablesObj.yAxisLabelArray).ticks(responsiveLablesObj.customTickValue).tickPadding(8).tickSizeOuter(0);
16435
16439
  }
16436
16440
  if (isSecondaryAxisDrawn) {
16437
16441
  yAxisRight = axisRight(yScaleRight).tickFormat(
@@ -17136,6 +17140,15 @@
17136
17140
  };
17137
17141
  const initAxis = () => {
17138
17142
  {
17143
+ let responsiveLablesObj = responsiveYaxisLabel$1(
17144
+ customYaxisMaxValue ? customYaxisMaxValue : chartJSON.yMaxLeft,
17145
+ chartJSON.yMinLeft,
17146
+ innerHeight2,
17147
+ formatOptions,
17148
+ chartJSON,
17149
+ customYaxisMinValue,
17150
+ customYaxisMaxValue
17151
+ );
17139
17152
  yAxisLeft = axisLeft(yScaleLeft).tickFormat(
17140
17153
  (d) => getNumberWithFormat(
17141
17154
  d,
@@ -17145,27 +17158,7 @@
17145
17158
  )
17146
17159
  ).tickSize(
17147
17160
  formatOptions.plotArea.gridLinesVisibility ? formatOptions.plotArea.gridLinesHorizontal ? -innerWidth2 + 0 : 0 : 0
17148
- ).tickValues(
17149
- responsiveYaxisLabel$1(
17150
- customYaxisMaxValue ? customYaxisMaxValue : chartJSON.yMaxLeft,
17151
- chartJSON.yMinLeft,
17152
- innerHeight2,
17153
- formatOptions,
17154
- chartJSON,
17155
- customYaxisMinValue,
17156
- customYaxisMaxValue
17157
- ).yAxisLabelArray
17158
- ).ticks(
17159
- responsiveYaxisLabel$1(
17160
- customYaxisMaxValue ? customYaxisMaxValue : chartJSON.yMaxLeft,
17161
- chartJSON.yMinLeft,
17162
- innerHeight2,
17163
- formatOptions,
17164
- chartJSON,
17165
- customYaxisMinValue,
17166
- customYaxisMaxValue
17167
- ).customTickValue ?? (dataTableHeight > 0 ? (innerHeight2 - dataTableHeight) / 30 : innerHeight2 / 30)
17168
- ).tickPadding(8).tickSizeOuter(0);
17161
+ ).tickValues(responsiveLablesObj.autoLabelFlag ? void 0 : responsiveLablesObj.yAxisLabelArray).ticks(responsiveLablesObj.customTickValue).tickPadding(8).tickSizeOuter(0);
17169
17162
  }
17170
17163
  if (isSecondaryAxisDrawn) {
17171
17164
  yAxisRight = axisRight(yScaleRight).tickFormat(
@@ -17934,6 +17927,15 @@
17934
17927
  const initAxis = () => {
17935
17928
  getXAxis();
17936
17929
  {
17930
+ let responsiveLablesObj = responsiveYaxisLabel$1(
17931
+ customYaxisMaxValue ? customYaxisMaxValue : chartJSON.yMaxLeft,
17932
+ chartJSON.yMinLeft,
17933
+ innerHeight2,
17934
+ formatOptions,
17935
+ chartJSON,
17936
+ customYaxisMinValue,
17937
+ customYaxisMaxValue
17938
+ );
17937
17939
  yAxisLeft = axisLeft(yScaleLeft).tickFormat(
17938
17940
  (d) => getNumberWithFormat(
17939
17941
  d,
@@ -17943,27 +17945,7 @@
17943
17945
  )
17944
17946
  ).tickSize(
17945
17947
  formatOptions.plotArea.gridLinesVisibility ? formatOptions.plotArea.gridLinesHorizontal ? -innerWidth2 + (seriesLabelWidth ? seriesLabelWidth : 0) : 0 : 0
17946
- ).tickValues(
17947
- responsiveYaxisLabel$1(
17948
- customYaxisMaxValue ? customYaxisMaxValue : chartJSON.yMaxLeft,
17949
- chartJSON.yMinLeft,
17950
- innerHeight2,
17951
- formatOptions,
17952
- chartJSON,
17953
- customYaxisMinValue,
17954
- customYaxisMaxValue
17955
- ).yAxisLabelArray
17956
- ).ticks(
17957
- responsiveYaxisLabel$1(
17958
- customYaxisMaxValue ? customYaxisMaxValue : chartJSON.yMaxLeft,
17959
- chartJSON.yMinLeft,
17960
- innerHeight2,
17961
- formatOptions,
17962
- chartJSON,
17963
- customYaxisMinValue,
17964
- customYaxisMaxValue
17965
- ).customTickValue ?? (dataTableHeight > 0 ? (innerHeight2 - dataTableHeight) / 30 : innerHeight2 / 30)
17966
- ).tickPadding(8).tickSizeOuter(0);
17948
+ ).tickValues(responsiveLablesObj.autoLabelFlag ? void 0 : responsiveLablesObj.yAxisLabelArray).ticks(responsiveLablesObj.customTickValue).tickPadding(8).tickSizeOuter(0);
17967
17949
  }
17968
17950
  };
17969
17951
  const getXAxis = () => {
@@ -18461,9 +18443,7 @@
18461
18443
  )
18462
18444
  ).tickSize(
18463
18445
  formatOptions.plotArea.gridLinesVisibility ? formatOptions.plotArea.gridLinesHorizontal ? -innerWidth2 + 0 : 0 : 0
18464
- ).tickValues(respParams.yAxisLabelArray).ticks(
18465
- respParams.customTickValue ?? (dataTableHeight > 0 ? (innerHeight2 - dataTableHeight) / 30 : innerHeight2 / 30)
18466
- ).tickPadding(8).tickSizeOuter(0);
18446
+ ).tickValues(respParams.autoLabelFlag ? void 0 : respParams.yAxisLabelArray).ticks(respParams.customTickValue).tickPadding(8).tickSizeOuter(0);
18467
18447
  }
18468
18448
  };
18469
18449
  const getXAxis = () => {
@@ -19181,7 +19161,7 @@
19181
19161
  yAxisLeft = axisLeft(yScaleLeft).tickSize(
19182
19162
  formatOptions.plotArea.gridLinesVisibility ? formatOptions.plotArea.gridLinesHorizontal ? -innerWidth2 + (seriesLabelWidth ? seriesLabelWidth : 0) : 0 : 0
19183
19163
  ).ticks(
19184
- dataTableHeight > 0 ? (innerHeight2 - dataTableHeight) / 30 : innerHeight2 / 30,
19164
+ dataTableHeight > 0 ? (innerHeight2 - dataTableHeight) / 80 : innerHeight2 / 80,
19185
19165
  "%"
19186
19166
  ).tickPadding(8).tickSizeOuter(0);
19187
19167
  }
@@ -20232,6 +20212,17 @@
20232
20212
  const initAxis = () => {
20233
20213
  getXAxis();
20234
20214
  {
20215
+ let responsiveLablesObj = responsiveYaxisLabel$1(
20216
+ chartJSON.yMaxLeft,
20217
+ chartJSON.yMinLeft,
20218
+ innerHeight2,
20219
+ formatOptions,
20220
+ chartJSON,
20221
+ customYaxisMinValue,
20222
+ customYaxisMaxValue,
20223
+ false,
20224
+ innerWidth2
20225
+ );
20235
20226
  yAxisLeft = axisLeft(yScaleLeft).tickFormat(
20236
20227
  (d) => getNumberWithFormat(
20237
20228
  d,
@@ -20241,19 +20232,7 @@
20241
20232
  )
20242
20233
  ).tickSize(
20243
20234
  formatOptions.plotArea.gridLinesVisibility ? formatOptions.plotArea.gridLinesHorizontal ? -innerWidth2 + 0 : 0 : 0
20244
- ).tickValues(
20245
- responsiveYaxisLabel$1(
20246
- chartJSON.yMaxLeft,
20247
- chartJSON.yMinLeft,
20248
- innerHeight2,
20249
- formatOptions,
20250
- chartJSON,
20251
- customYaxisMinValue,
20252
- customYaxisMaxValue,
20253
- false,
20254
- innerWidth2
20255
- ).yAxisLabelArray
20256
- ).ticks(innerHeight2 / 50).tickPadding(8).tickSizeOuter(0);
20235
+ ).tickValues(responsiveLablesObj.autoLabelFlag ? void 0 : responsiveLablesObj.yAxisLabelArray).ticks(responsiveLablesObj.customTickValue).tickPadding(8).tickSizeOuter(0);
20257
20236
  }
20258
20237
  };
20259
20238
  const getXAxis = () => {
@@ -20735,6 +20714,15 @@
20735
20714
  };
20736
20715
  const initAxis = () => {
20737
20716
  {
20717
+ let responsiveLablesObj = responsiveYaxisLabel$1(
20718
+ customYaxisMaxValue ? customYaxisMaxValue : chartJSON.yMaxLeft,
20719
+ chartJSON.yMinLeft,
20720
+ innerHeight2,
20721
+ formatOptions,
20722
+ chartJSON,
20723
+ customYaxisMinValue,
20724
+ customYaxisMaxValue
20725
+ );
20738
20726
  yAxisLeft = axisLeft(yScaleLeft).tickFormat(
20739
20727
  (d) => getNumberWithFormat(
20740
20728
  d,
@@ -20744,29 +20732,15 @@
20744
20732
  )
20745
20733
  ).tickSize(
20746
20734
  formatOptions.plotArea.gridLinesVisibility ? formatOptions.plotArea.gridLinesHorizontal ? -innerWidth2 + (seriesLabelWidth ? seriesLabelWidth : 0) : 0 : 0
20747
- ).tickValues(
20748
- responsiveYaxisLabel$1(
20749
- customYaxisMaxValue ? customYaxisMaxValue : chartJSON.yMaxLeft,
20750
- chartJSON.yMinLeft,
20751
- innerHeight2,
20752
- formatOptions,
20753
- chartJSON,
20754
- customYaxisMinValue,
20755
- customYaxisMaxValue
20756
- ).yAxisLabelArray
20757
- ).ticks(
20758
- responsiveYaxisLabel$1(
20759
- customYaxisMaxValue ? customYaxisMaxValue : chartJSON.yMaxLeft,
20760
- chartJSON.yMinLeft,
20761
- innerHeight2,
20762
- formatOptions,
20763
- chartJSON,
20764
- customYaxisMinValue,
20765
- customYaxisMaxValue
20766
- ).customTickValue ?? (dataTableHeight > 0 ? (innerHeight2 - dataTableHeight) / 30 : innerHeight2 / 30)
20767
- ).tickPadding(8).tickSizeOuter(0);
20735
+ ).tickValues(responsiveLablesObj.autoLabelFlag ? void 0 : responsiveLablesObj.yAxisLabelArray).ticks(responsiveLablesObj.customTickValue).tickPadding(8).tickSizeOuter(0);
20768
20736
  }
20769
20737
  if (isSecondaryAxisDrawn) {
20738
+ let responsiveSecondaryLablesObj = responsiveSecondaryYaxisLabel(
20739
+ secondaryCustomYaxisMaxValue ? secondaryCustomYaxisMaxValue : chartJSON.yMaxRight,
20740
+ chartJSON.yMinRight,
20741
+ formatOptions,
20742
+ chartJSON
20743
+ );
20770
20744
  yAxisRight = axisRight(yScaleRight).tickFormat(
20771
20745
  (d) => getNumberWithFormat(
20772
20746
  d,
@@ -20774,21 +20748,7 @@
20774
20748
  formatOptions.secondaryYAxisLabel.secondaryYAxisNumberFormat,
20775
20749
  formatOptions.secondaryYAxisLabel.secondaryYAxisLabelDecimalPrecision
20776
20750
  )
20777
- ).tickValues(
20778
- responsiveSecondaryYaxisLabel(
20779
- secondaryCustomYaxisMaxValue ? secondaryCustomYaxisMaxValue : chartJSON.yMaxRight,
20780
- chartJSON.yMinRight,
20781
- formatOptions,
20782
- chartJSON
20783
- ).secondaryYAxisLabelArray
20784
- ).ticks(
20785
- responsiveSecondaryYaxisLabel(
20786
- secondaryCustomYaxisMaxValue ? secondaryCustomYaxisMaxValue : chartJSON.yMaxRight,
20787
- chartJSON.yMinRight,
20788
- formatOptions,
20789
- chartJSON
20790
- ).secondaryCustomTickValue ?? innerHeight2 / 30
20791
- ).tickSize(
20751
+ ).tickValues(responsiveSecondaryLablesObj.autoLabelFlag ? void 0 : responsiveSecondaryLablesObj.secondaryYAxisLabelArray).ticks(responsiveSecondaryLablesObj.secondaryCustomTickValue).tickSize(
20792
20752
  formatOptions.plotArea.gridLinesVisibility ? formatOptions.plotArea.gridLinesHorizontal ? -innerWidth2 : 0 : 0
20793
20753
  ).tickPadding(8).tickSizeOuter(0);
20794
20754
  }
@@ -21284,6 +21244,15 @@
21284
21244
  const initAxis = () => {
21285
21245
  getXAxis();
21286
21246
  {
21247
+ let responsiveLablesObj = responsiveYaxisLabel$1(
21248
+ customYaxisMaxValue ? customYaxisMaxValue : chartJSON.yMaxLeft,
21249
+ chartJSON.yMinLeft,
21250
+ innerHeight2,
21251
+ formatOptions,
21252
+ chartJSON,
21253
+ customYaxisMinValue,
21254
+ customYaxisMaxValue
21255
+ );
21287
21256
  yAxisLeft = axisLeft(yScaleLeft).tickFormat(
21288
21257
  (d) => getNumberWithFormat(
21289
21258
  d,
@@ -21293,27 +21262,7 @@
21293
21262
  )
21294
21263
  ).tickSize(
21295
21264
  formatOptions.plotArea.gridLinesVisibility ? formatOptions.plotArea.gridLinesHorizontal ? -innerWidth2 + (seriesLabelWidth ? seriesLabelWidth : 0) : 0 : 0
21296
- ).tickValues(
21297
- responsiveYaxisLabel$1(
21298
- customYaxisMaxValue ? customYaxisMaxValue : chartJSON.yMaxLeft,
21299
- chartJSON.yMinLeft,
21300
- innerHeight2,
21301
- formatOptions,
21302
- chartJSON,
21303
- customYaxisMinValue,
21304
- customYaxisMaxValue
21305
- ).yAxisLabelArray
21306
- ).ticks(
21307
- responsiveYaxisLabel$1(
21308
- customYaxisMaxValue ? customYaxisMaxValue : chartJSON.yMaxLeft,
21309
- chartJSON.yMinLeft,
21310
- innerHeight2,
21311
- formatOptions,
21312
- chartJSON,
21313
- customYaxisMinValue,
21314
- customYaxisMaxValue
21315
- ).customTickValue ?? (dataTableHeight > 0 ? (innerHeight2 - dataTableHeight) / 30 : innerHeight2 / 30)
21316
- ).tickPadding(8).tickSizeOuter(0);
21265
+ ).tickValues(responsiveLablesObj.autoLabelFlag ? void 0 : responsiveLablesObj.yAxisLabelArray).ticks(responsiveLablesObj.customTickValue).tickPadding(8).tickSizeOuter(0);
21317
21266
  }
21318
21267
  };
21319
21268
  const getXAxis = () => {
@@ -21800,7 +21749,7 @@
21800
21749
  yAxisLeft = axisLeft(yScaleLeft).tickSize(
21801
21750
  formatOptions.plotArea.gridLinesVisibility ? formatOptions.plotArea.gridLinesHorizontal ? -innerWidth2 + (seriesLabelWidth ? seriesLabelWidth : 0) : 0 : 0
21802
21751
  ).ticks(
21803
- dataTableHeight > 0 ? (innerHeight2 - dataTableHeight) / 30 : innerHeight2 / 30,
21752
+ dataTableHeight > 0 ? (innerHeight2 - dataTableHeight) / 80 : innerHeight2 / 80,
21804
21753
  "%"
21805
21754
  ).tickPadding(8).tickSizeOuter(0);
21806
21755
  }
@@ -22315,6 +22264,15 @@
22315
22264
  };
22316
22265
  const initAxis = () => {
22317
22266
  {
22267
+ let responsiveLablesObj = responsiveYaxisLabel$1(
22268
+ customYaxisMaxValue ? customYaxisMaxValue : chartJSON.yMaxLeft,
22269
+ chartJSON.yMinLeft,
22270
+ innerHeight2,
22271
+ formatOptions,
22272
+ chartJSON,
22273
+ customYaxisMinValue,
22274
+ customYaxisMaxValue
22275
+ );
22318
22276
  xAxisBottom = axisBottom(xScaleBottom).tickFormat(
22319
22277
  (d) => getNumberWithFormat(
22320
22278
  d,
@@ -22324,29 +22282,15 @@
22324
22282
  )
22325
22283
  ).tickSize(
22326
22284
  formatOptions.plotArea.gridLinesVisibility ? formatOptions.plotArea.gridLinesVertical ? -innerHeight2 : 0 : 0
22327
- ).tickValues(
22328
- responsiveYaxisLabel$1(
22329
- customYaxisMaxValue ? customYaxisMaxValue : chartJSON.yMaxLeft,
22330
- chartJSON.yMinLeft,
22331
- innerHeight2,
22332
- formatOptions,
22333
- chartJSON,
22334
- customYaxisMinValue,
22335
- customYaxisMaxValue
22336
- ).yAxisLabelArray
22337
- ).ticks(
22338
- responsiveYaxisLabel$1(
22339
- customYaxisMaxValue ? customYaxisMaxValue : chartJSON.yMaxLeft,
22340
- chartJSON.yMinLeft,
22341
- innerHeight2,
22342
- formatOptions,
22343
- chartJSON,
22344
- customYaxisMinValue,
22345
- customYaxisMaxValue
22346
- ).customTickValue ?? innerHeight2 / 30
22347
- ).tickPadding(8).tickSizeOuter(0);
22285
+ ).tickValues(responsiveLablesObj.autoLabelFlag ? void 0 : responsiveLablesObj.yAxisLabelArray).ticks(responsiveLablesObj.customTickValue).tickPadding(8).tickSizeOuter(0);
22348
22286
  }
22349
22287
  if (isSecondaryAxisDrawn) {
22288
+ let responsiveSecondaryLablesObj = responsiveSecondaryYaxisLabel(
22289
+ secondaryCustomYaxisMaxValue ? secondaryCustomYaxisMaxValue : chartJSON.yMaxRight,
22290
+ chartJSON.yMinRight,
22291
+ formatOptions,
22292
+ chartJSON
22293
+ );
22350
22294
  xAxisTop = axisTop(xScaleTop).tickFormat(
22351
22295
  (d) => getNumberWithFormat(
22352
22296
  d,
@@ -22354,21 +22298,7 @@
22354
22298
  formatOptions.secondaryYAxisLabel.secondaryYAxisNumberFormat,
22355
22299
  formatOptions.secondaryYAxisLabel.secondaryYAxisLabelDecimalPrecision
22356
22300
  )
22357
- ).tickValues(
22358
- responsiveSecondaryYaxisLabel(
22359
- secondaryCustomYaxisMaxValue ? secondaryCustomYaxisMaxValue : chartJSON.yMaxRight,
22360
- chartJSON.yMinRight,
22361
- formatOptions,
22362
- chartJSON
22363
- ).secondaryYAxisLabelArray
22364
- ).ticks(
22365
- responsiveSecondaryYaxisLabel(
22366
- secondaryCustomYaxisMaxValue ? secondaryCustomYaxisMaxValue : chartJSON.yMaxRight,
22367
- chartJSON.yMinRight,
22368
- formatOptions,
22369
- chartJSON
22370
- ).secondaryCustomTickValue ?? innerHeight2 / 30
22371
- ).tickSize(
22301
+ ).tickValues(responsiveSecondaryLablesObj.autoLabelFlag ? void 0 : responsiveSecondaryLablesObj.secondaryYAxisLabelArray).ticks(responsiveSecondaryLablesObj.secondaryCustomTickValue).tickSize(
22372
22302
  formatOptions.plotArea.gridLinesVisibility ? formatOptions.plotArea.gridLinesHorizontal ? -innerWidth2 : 0 : 0
22373
22303
  ).tickPadding(8).tickSizeOuter(0);
22374
22304
  }
@@ -22814,6 +22744,17 @@
22814
22744
  };
22815
22745
  const initAxis = () => {
22816
22746
  {
22747
+ let responsiveLablesObj = responsiveYaxisLabel$1(
22748
+ customYaxisMaxValue ? customYaxisMaxValue : chartJSON.yMaxLeft,
22749
+ chartJSON.yMinLeft,
22750
+ innerHeight2,
22751
+ formatOptions,
22752
+ chartJSON,
22753
+ customYaxisMinValue,
22754
+ customYaxisMaxValue,
22755
+ barChart,
22756
+ innerWidth2
22757
+ );
22817
22758
  xAxisBottom = axisBottom(xScaleBottom).tickFormat(
22818
22759
  (d) => getNumberWithFormat(
22819
22760
  d,
@@ -22823,31 +22764,7 @@
22823
22764
  )
22824
22765
  ).tickSize(
22825
22766
  formatOptions.plotArea.gridLinesVisibility ? formatOptions.plotArea.gridLinesVertical ? -innerHeight2 : 0 : 0
22826
- ).tickValues(
22827
- responsiveYaxisLabel$1(
22828
- customYaxisMaxValue ? customYaxisMaxValue : chartJSON.yMaxLeft,
22829
- chartJSON.yMinLeft,
22830
- innerHeight2,
22831
- formatOptions,
22832
- chartJSON,
22833
- customYaxisMinValue,
22834
- customYaxisMaxValue,
22835
- barChart,
22836
- innerWidth2
22837
- ).yAxisLabelArray
22838
- ).ticks(
22839
- responsiveYaxisLabel$1(
22840
- customYaxisMaxValue ? customYaxisMaxValue : chartJSON.yMaxLeft,
22841
- chartJSON.yMinLeft,
22842
- innerHeight2,
22843
- formatOptions,
22844
- chartJSON,
22845
- customYaxisMinValue,
22846
- customYaxisMaxValue,
22847
- barChart,
22848
- innerWidth2
22849
- ).customTickValue ?? innerHeight2 / 30
22850
- ).tickPadding(8).tickSizeOuter(0);
22767
+ ).tickValues(responsiveLablesObj.autoLabelFlag ? void 0 : responsiveLablesObj.yAxisLabelArray).ticks(responsiveLablesObj.customTickValue).tickPadding(8).tickSizeOuter(0);
22851
22768
  }
22852
22769
  };
22853
22770
  const getYAxis = () => {
@@ -23517,7 +23434,7 @@
23517
23434
  {
23518
23435
  xAxisBottom = axisBottom(xScaleBottom).tickSize(
23519
23436
  formatOptions.plotArea.gridLinesVisibility ? formatOptions.plotArea.gridLinesVertical ? -innerHeight2 : 0 : 0
23520
- ).ticks(innerWidth2 / 30, "%").tickPadding(8).tickSizeOuter(0);
23437
+ ).ticks(innerWidth2 / 80, "%").tickPadding(8).tickSizeOuter(0);
23521
23438
  }
23522
23439
  };
23523
23440
  const getYAxis = () => {
@@ -23977,6 +23894,17 @@
23977
23894
  const initAxis = () => {
23978
23895
  getYAxis();
23979
23896
  {
23897
+ let responsiveLablesObj = responsiveYaxisLabel$1(
23898
+ customYaxisMaxValue ? customYaxisMaxValue : chartJSON.yMaxLeft,
23899
+ chartJSON.yMinLeft,
23900
+ innerHeight2,
23901
+ formatOptions,
23902
+ chartJSON,
23903
+ customYaxisMinValue,
23904
+ customYaxisMaxValue,
23905
+ barChart,
23906
+ innerWidth2
23907
+ );
23980
23908
  xAxisBottom = axisBottom(xScaleBottom).tickFormat(
23981
23909
  (d) => getNumberWithFormat(
23982
23910
  d,
@@ -23986,31 +23914,7 @@
23986
23914
  )
23987
23915
  ).tickSize(
23988
23916
  formatOptions.plotArea.gridLinesVisibility ? formatOptions.plotArea.gridLinesHorizontal ? -innerHeight2 : 0 : 0
23989
- ).tickValues(
23990
- responsiveYaxisLabel$1(
23991
- customYaxisMaxValue ? customYaxisMaxValue : chartJSON.yMaxLeft,
23992
- chartJSON.yMinLeft,
23993
- innerHeight2,
23994
- formatOptions,
23995
- chartJSON,
23996
- customYaxisMinValue,
23997
- customYaxisMaxValue,
23998
- barChart,
23999
- innerWidth2
24000
- ).yAxisLabelArray
24001
- ).ticks(
24002
- responsiveYaxisLabel$1(
24003
- customYaxisMaxValue ? customYaxisMaxValue : chartJSON.yMaxLeft,
24004
- chartJSON.yMinLeft,
24005
- innerHeight2,
24006
- formatOptions,
24007
- chartJSON,
24008
- customYaxisMinValue,
24009
- customYaxisMaxValue,
24010
- barChart,
24011
- innerWidth2
24012
- ).customTickValue ?? innerHeight2 / 30
24013
- ).tickPadding(8).tickSizeOuter(0);
23917
+ ).tickValues(responsiveLablesObj.autoLabelFlag ? void 0 : responsiveLablesObj.yAxisLabelArray).ticks(responsiveLablesObj.customTickValue).tickPadding(8).tickSizeOuter(0);
24014
23918
  }
24015
23919
  };
24016
23920
  const getYAxis = () => {
@@ -24744,6 +24648,15 @@
24744
24648
  const initAxis = () => {
24745
24649
  getYAxis();
24746
24650
  {
24651
+ let responsiveLablesObj = responsiveYaxisLabel$1(
24652
+ customYaxisMaxValue ? customYaxisMaxValue : chartJSON.yMaxLeft,
24653
+ chartJSON.yMinLeft,
24654
+ innerHeight2,
24655
+ formatOptions,
24656
+ chartJSON,
24657
+ customYaxisMinValue,
24658
+ customYaxisMaxValue
24659
+ );
24747
24660
  xAxisBottom = axisBottom(xScaleBottom).tickFormat(
24748
24661
  (d) => getNumberWithFormat(
24749
24662
  d,
@@ -24753,27 +24666,7 @@
24753
24666
  )
24754
24667
  ).tickSize(
24755
24668
  formatOptions.plotArea.gridLinesVisibility ? formatOptions.plotArea.gridLinesHorizontal ? -innerHeight2 + (seriesLabelWidth ? seriesLabelWidth : 0) : 0 : 0
24756
- ).tickValues(
24757
- responsiveYaxisLabel$1(
24758
- customYaxisMaxValue ? customYaxisMaxValue : chartJSON.yMaxLeft,
24759
- chartJSON.yMinLeft,
24760
- innerHeight2,
24761
- formatOptions,
24762
- chartJSON,
24763
- customYaxisMinValue,
24764
- customYaxisMaxValue
24765
- ).yAxisLabelArray
24766
- ).ticks(
24767
- responsiveYaxisLabel$1(
24768
- customYaxisMaxValue ? customYaxisMaxValue : chartJSON.yMaxLeft,
24769
- chartJSON.yMinLeft,
24770
- innerHeight2,
24771
- formatOptions,
24772
- chartJSON,
24773
- customYaxisMinValue,
24774
- customYaxisMaxValue
24775
- ).customTickValue ?? (dataTableHeight > 0 ? (innerHeight2 - dataTableHeight) / 30 : innerHeight2 / 30)
24776
- ).tickPadding(8).tickSizeOuter(0);
24669
+ ).tickValues(responsiveLablesObj.autoLabelFlag ? void 0 : responsiveLablesObj.yAxisLabelArray).ticks(responsiveLablesObj.customTickValue).tickPadding(8).tickSizeOuter(0);
24777
24670
  }
24778
24671
  if (isSecondaryAxisDrawn) {
24779
24672
  xAxisTop = axisTop(xScaleTop).tickFormat(
@@ -25309,6 +25202,15 @@
25309
25202
  const initAxis = () => {
25310
25203
  getXAxis();
25311
25204
  {
25205
+ let responsiveLablesObj = responsiveYaxisLabel$1(
25206
+ customYaxisMaxValue ? customYaxisMaxValue : chartJSON.yMaxLeft,
25207
+ chartJSON.yMinLeft,
25208
+ innerHeight2,
25209
+ formatOptions,
25210
+ chartJSON,
25211
+ customYaxisMinValue,
25212
+ customYaxisMaxValue
25213
+ );
25312
25214
  yAxisLeft = axisLeft(yScaleLeft).tickFormat(
25313
25215
  (d) => getNumberWithFormat(
25314
25216
  d,
@@ -25318,27 +25220,7 @@
25318
25220
  )
25319
25221
  ).tickSize(
25320
25222
  formatOptions.plotArea.gridLinesVisibility ? formatOptions.plotArea.gridLinesHorizontal ? -innerWidth2 + (seriesLabelWidth ? seriesLabelWidth : 0) : 0 : 0
25321
- ).tickValues(
25322
- responsiveYaxisLabel$1(
25323
- customYaxisMaxValue ? customYaxisMaxValue : chartJSON.yMaxLeft,
25324
- chartJSON.yMinLeft,
25325
- innerHeight2,
25326
- formatOptions,
25327
- chartJSON,
25328
- customYaxisMinValue,
25329
- customYaxisMaxValue
25330
- ).yAxisLabelArray
25331
- ).ticks(
25332
- responsiveYaxisLabel$1(
25333
- customYaxisMaxValue ? customYaxisMaxValue : chartJSON.yMaxLeft,
25334
- chartJSON.yMinLeft,
25335
- innerHeight2,
25336
- formatOptions,
25337
- chartJSON,
25338
- customYaxisMinValue,
25339
- customYaxisMaxValue
25340
- ).customTickValue ?? (dataTableHeight > 0 ? (innerHeight2 - dataTableHeight) / 30 : innerHeight2 / 30)
25341
- ).tickPadding(8).tickSizeOuter(0);
25223
+ ).tickValues(responsiveLablesObj.autoLabelFlag ? void 0 : responsiveLablesObj.yAxisLabelArray).ticks(responsiveLablesObj.customTickValue).tickPadding(8).tickSizeOuter(0);
25342
25224
  }
25343
25225
  };
25344
25226
  const getXAxis = () => {
@@ -25855,6 +25737,15 @@
25855
25737
  };
25856
25738
  const initAxis = () => {
25857
25739
  {
25740
+ let responsiveLablesObj = responsiveYaxisLabel$1(
25741
+ customYaxisMaxValue ? customYaxisMaxValue : chartJSON.yMaxLeft,
25742
+ chartJSON.yMinLeft,
25743
+ innerHeight2,
25744
+ formatOptions,
25745
+ chartJSON,
25746
+ customYaxisMinValue,
25747
+ customYaxisMaxValue
25748
+ );
25858
25749
  yAxisLeft = axisLeft(yScaleLeft).tickFormat(
25859
25750
  (d) => getNumberWithFormat(
25860
25751
  d,
@@ -25864,27 +25755,7 @@
25864
25755
  )
25865
25756
  ).tickSize(
25866
25757
  formatOptions.plotArea.gridLinesVisibility ? formatOptions.plotArea.gridLinesHorizontal ? -innerWidth2 + (seriesLabelWidth ? seriesLabelWidth : 0) : 0 : 0
25867
- ).tickValues(
25868
- responsiveYaxisLabel$1(
25869
- customYaxisMaxValue ? customYaxisMaxValue : chartJSON.yMaxLeft,
25870
- chartJSON.yMinLeft,
25871
- innerHeight2,
25872
- formatOptions,
25873
- chartJSON,
25874
- customYaxisMinValue,
25875
- customYaxisMaxValue
25876
- ).yAxisLabelArray
25877
- ).ticks(
25878
- responsiveYaxisLabel$1(
25879
- customYaxisMaxValue ? customYaxisMaxValue : chartJSON.yMaxLeft,
25880
- chartJSON.yMinLeft,
25881
- innerHeight2,
25882
- formatOptions,
25883
- chartJSON,
25884
- customYaxisMinValue,
25885
- customYaxisMaxValue
25886
- ).customTickValue ?? (dataTableHeight > 0 ? (innerHeight2 - dataTableHeight) / 30 : innerHeight2 / 30)
25887
- ).tickPadding(8).tickSizeOuter(0);
25758
+ ).tickValues(responsiveLablesObj.autoLabelFlag ? void 0 : responsiveLablesObj.yAxisLabelArray).ticks(responsiveLablesObj.customTickValue).tickPadding(8).tickSizeOuter(0);
25888
25759
  }
25889
25760
  };
25890
25761
  const getXAxis = () => {
@@ -26412,7 +26283,7 @@
26412
26283
  yAxisLeft = axisLeft(yScaleLeft).tickSize(
26413
26284
  formatOptions.plotArea.gridLinesVisibility ? formatOptions.plotArea.gridLinesHorizontal ? -innerWidth2 + (seriesLabelWidth ? seriesLabelWidth : 0) : 0 : 0
26414
26285
  ).ticks(
26415
- dataTableHeight > 0 ? (innerHeight2 - dataTableHeight) / 30 : innerHeight2 / 30,
26286
+ dataTableHeight > 0 ? (innerHeight2 - dataTableHeight) / 80 : innerHeight2 / 80,
26416
26287
  "%"
26417
26288
  ).tickPadding(8).tickSizeOuter(0);
26418
26289
  }
@@ -53749,6 +53620,15 @@
53749
53620
  const initAxis = () => {
53750
53621
  getXAxis();
53751
53622
  {
53623
+ let responsiveLablesObj = responsiveYaxisLabel$1(
53624
+ customYaxisMaxValue ? customYaxisMaxValue : chartJSON.yMaxLeft,
53625
+ chartJSON.yMinLeft,
53626
+ innerHeight2,
53627
+ formatOptions,
53628
+ chartJSON,
53629
+ customYaxisMinValue,
53630
+ customYaxisMaxValue
53631
+ );
53752
53632
  yAxisLeft = axisLeft(yScaleLeft).tickFormat(
53753
53633
  (d) => getNumberWithFormat(
53754
53634
  d,
@@ -53758,27 +53638,7 @@
53758
53638
  )
53759
53639
  ).tickSize(
53760
53640
  formatOptions.plotArea.gridLinesVisibility ? formatOptions.plotArea.gridLinesHorizontal ? -innerWidth2 + (seriesLabelWidth ? seriesLabelWidth : 0) : 0 : 0
53761
- ).tickValues(
53762
- responsiveYaxisLabel$1(
53763
- customYaxisMaxValue ? customYaxisMaxValue : chartJSON.yMaxLeft,
53764
- chartJSON.yMinLeft,
53765
- innerHeight2,
53766
- formatOptions,
53767
- chartJSON,
53768
- customYaxisMinValue,
53769
- customYaxisMaxValue
53770
- ).yAxisLabelArray
53771
- ).ticks(
53772
- responsiveYaxisLabel$1(
53773
- customYaxisMaxValue ? customYaxisMaxValue : chartJSON.yMaxLeft,
53774
- chartJSON.yMinLeft,
53775
- innerHeight2,
53776
- formatOptions,
53777
- chartJSON,
53778
- customYaxisMinValue,
53779
- customYaxisMaxValue
53780
- ).customTickValue ?? (dataTableHeight > 0 ? (innerHeight2 - dataTableHeight) / 30 : innerHeight2 / 30)
53781
- ).tickPadding(8).tickSizeOuter(0);
53641
+ ).tickValues(responsiveLablesObj.autoLabelFlag ? void 0 : responsiveLablesObj.yAxisLabelArray).ticks(responsiveLablesObj.customTickValue).tickPadding(8).tickSizeOuter(0);
53782
53642
  }
53783
53643
  colorScale = ordinal().range([
53784
53644
  "#E25A42",