pace-chart-lib 1.0.47 → 1.0.49

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.
@@ -11969,6 +11969,12 @@ function marginCalculation(windowWidth, windowHeight, maxNumberForPrimaryAxis, m
11969
11969
  const scrollbarMargin = scrollbarVisible ? 10 : 0;
11970
11970
  margin.right = margin.right + scrollbarMargin + normalizeMargin;
11971
11971
  }
11972
+ if (formatOptions.connector.connectorVisibility != "2" && chartJSON?.chartType == chartTypes.StackColumnChart) {
11973
+ margin.top = margin.top + 20;
11974
+ }
11975
+ if (formatOptions.connector.connectorVisibility != "2" && chartJSON?.chartType == chartTypes.StackHorizontalBarChart) {
11976
+ margin.right = margin.top + 20;
11977
+ }
11972
11978
  return {
11973
11979
  margin,
11974
11980
  yLabel: horizontal.yLabel,
@@ -13347,7 +13353,8 @@ function commonAnnotations(chartData, xScale, yScaleLeft, yScaleRight, margin, d
13347
13353
  let axis2 = d.x.axis;
13348
13354
  return dataLabelsPositionForBarChartFamily(formatOptions, d.x.measure ? d.x.measure : 0, d.position, requiredXScale, minValue, void 0, chartType, isSensitivityChart, axis2);
13349
13355
  } else if (chartType === chartTypes.ColumnChart) {
13350
- const legend = xScaleForLegends(d.currentLegend);
13356
+ const legendUniqueId = d.legendUniqueId.includes("~$~") ? d.legendUniqueId.split("~$~")[0] : d.legendUniqueId;
13357
+ const legend = xScaleForLegends(legendUniqueId);
13351
13358
  const x2 = legend != null ? xScale(d.x) + legend - (columnWidth - xScaleForLegends.bandwidth()) / 2 : xScale(d.x);
13352
13359
  return x2;
13353
13360
  } else {
@@ -13630,7 +13637,7 @@ function commonAnnotationsForCustomChart(chartData, xScale, yScaleLeft, yScaleRi
13630
13637
  labelPosition: d.data[i].labelPosition,
13631
13638
  labelColor: d.data[i].labelColor,
13632
13639
  axis: d.data[i].axis,
13633
- type: chartTypes.LineChart,
13640
+ type: d.properties.type,
13634
13641
  alias: d.properties?.alias
13635
13642
  }
13636
13643
  );
@@ -13646,9 +13653,9 @@ function commonAnnotationsForCustomChart(chartData, xScale, yScaleLeft, yScaleRi
13646
13653
  value: d.data[0].value,
13647
13654
  legend: d.data[0].legend,
13648
13655
  labelPosition: d.data[0].labelPosition,
13649
- labelcolor: d.data[0].labelColor,
13656
+ labelColor: d.data[0].labelColor,
13650
13657
  axis: d.data[0].axis,
13651
- type: chartTypes.LineChart,
13658
+ type: d.properties.type,
13652
13659
  alias: d.properties?.alias
13653
13660
  }
13654
13661
  );
@@ -13660,9 +13667,9 @@ function commonAnnotationsForCustomChart(chartData, xScale, yScaleLeft, yScaleRi
13660
13667
  value: d.data[d.data.length - 1].value,
13661
13668
  legend: d.data[d.data.length - 1].legend,
13662
13669
  labelPosition: d.data[d.data.length - 1].labelPosition,
13663
- labelcolor: d.data[d.data.length - 1].labelColor,
13670
+ labelColor: d.data[d.data.length - 1].labelColor,
13664
13671
  axis: d.data[d.data.length - 1].axis,
13665
- type: chartTypes.LineChart,
13672
+ type: d.properties.type,
13666
13673
  alias: d.properties?.alias
13667
13674
  }
13668
13675
  );
@@ -13674,9 +13681,9 @@ function commonAnnotationsForCustomChart(chartData, xScale, yScaleLeft, yScaleRi
13674
13681
  value: d.data[0].value,
13675
13682
  legend: d.data[0].legend,
13676
13683
  labelPosition: d.data[0].labelPosition,
13677
- labelcolor: d.data[0].labelColor,
13684
+ labelColor: d.data[0].labelColor,
13678
13685
  axis: d.data[0].axis,
13679
- type: chartTypes.LineChart,
13686
+ type: d.properties.type,
13680
13687
  alias: d.properties?.alias
13681
13688
  }
13682
13689
  );
@@ -13686,9 +13693,9 @@ function commonAnnotationsForCustomChart(chartData, xScale, yScaleLeft, yScaleRi
13686
13693
  value: d.data[d.data.length - 1].value,
13687
13694
  legend: d.data[d.data.length - 1].legend,
13688
13695
  labelPosition: d.data[d.data.length - 1].labelPosition,
13689
- labelcolor: d.data[d.data.length - 1].labelColor,
13696
+ labelColor: d.data[d.data.length - 1].labelColor,
13690
13697
  axis: d.data[d.data.length - 1].axis,
13691
- type: chartTypes.LineChart,
13698
+ type: d.properties.type,
13692
13699
  alias: d.properties?.alias
13693
13700
  }
13694
13701
  );
@@ -13772,7 +13779,7 @@ function commonAnnotationsForCustomChart(chartData, xScale, yScaleLeft, yScaleRi
13772
13779
  labelData.forEach((d, i) => {
13773
13780
  let singleAnnotation = {
13774
13781
  note: {
13775
- label: d.value ? d.value >= 1e9 && formatOptions.annotation.annotationNumberFormat === ".2s" ? Math.round(d.value / 1e9) + "B" : getNumberWithFormat(
13782
+ label: d.value || d.value == 0 ? d.value >= 1e9 && formatOptions.annotation.annotationNumberFormat === ".2s" ? Math.round(d.value / 1e9) + "B" : getNumberWithFormat(
13776
13783
  d.value,
13777
13784
  formatOptions.annotation.annotationDisplayUnits || formatOptions.plotArea.plotAreaDisplayUnits,
13778
13785
  formatOptions.annotation.annotationNumberFormat,
@@ -16105,13 +16112,13 @@ function lineMarkers(lines, chartData, type, xScale, yScale, yScaleRight, toolti
16105
16112
  showTooltipOnMouseMove(
16106
16113
  [
16107
16114
  {
16108
- key: formatOptions.xAxisTitle.xAxisTitleText,
16115
+ key: formatOptions.xAxisTitle.xAxisTitleHTML !== "" ? new DOMParser().parseFromString(formatOptions.xAxisTitle.xAxisTitleHTML, "text/html").body.textContent?.trim() : formatOptions.xAxisTitle.xAxisTitleText,
16109
16116
  value: chartJSON.formattedDimensionListMap.get(
16110
16117
  Array.isArray(dataPoint.dimension) ? dataPoint.dimension[0] : dataPoint.dimension
16111
16118
  )
16112
16119
  },
16113
16120
  {
16114
- key: formatOptions.yAxisTitle.yAxisTitleText || dataPoint.value,
16121
+ key: formatOptions.yAxisTitle.yAxisTitleHTML !== "" ? new DOMParser().parseFromString(formatOptions.yAxisTitle.yAxisTitleHTML, "text/html").body.textContent?.trim() : d.properties?.currentMeasure ? d.properties.currentMeasure : formatOptions.yAxisTitle.yAxisTitleText || dataPoint.value,
16115
16122
  value: getNumberWithFormat(
16116
16123
  [chartTypes.NormalizedStackLineChart, chartTypes.NormalizedStackAreaChart, ""].includes(type) ? dataPoint[1] - dataPoint[0] : dataPoint.value,
16117
16124
  formatOptions.toolTip.toolTipDisplayUnits,
@@ -17548,13 +17555,13 @@ const ColumnChart = ({
17548
17555
  showTooltipOnMouseMove(
17549
17556
  [
17550
17557
  {
17551
- key: formatOptions.xAxisTitle.xAxisTitleText.includes("~$~") ? formatOptions.xAxisTitle.xAxisTitleText.split("~$~")[1] : formatOptions.xAxisTitle.xAxisTitleText,
17558
+ key: formatOptions.xAxisTitle.xAxisTitleHTML !== "" ? new DOMParser().parseFromString(formatOptions.xAxisTitle.xAxisTitleHTML, "text/html").body.textContent?.trim() : formatOptions.xAxisTitle.xAxisTitleText.includes("~$~") ? formatOptions.xAxisTitle.xAxisTitleText.split("~$~")[1] : formatOptions.xAxisTitle.xAxisTitleText,
17552
17559
  value: chartJSON.formattedDimensionListMap.get(
17553
17560
  Array.isArray(d.dimension) ? d.dimension[0] : d.dimension
17554
17561
  )
17555
17562
  },
17556
17563
  {
17557
- key: formatOptions.yAxisTitle.yAxisTitleText || d.value,
17564
+ key: formatOptions.yAxisTitle.yAxisTitleHTML !== "" ? new DOMParser().parseFromString(formatOptions.yAxisTitle.yAxisTitleHTML, "text/html").body.textContent?.trim() : d.properties?.currentMeasure ? d.properties.currentMeasure : formatOptions.yAxisTitle.yAxisTitleText || d.value,
17558
17565
  value: getNumberWithFormat(
17559
17566
  [
17560
17567
  chartTypes.NormalizedStackLineChart,
@@ -18207,6 +18214,7 @@ const CustomColumnChart = ({
18207
18214
  const getChartType = (lineData) => {
18208
18215
  lineData.forEach((data2) => {
18209
18216
  switch (data2.properties.type) {
18217
+ default:
18210
18218
  case chartTypes.ColumnChart:
18211
18219
  drawColumnChart(data2);
18212
18220
  break;
@@ -18266,13 +18274,13 @@ const CustomColumnChart = ({
18266
18274
  showTooltipOnMouseMove(
18267
18275
  [
18268
18276
  {
18269
- key: formatOptions.xAxisTitle.xAxisTitleText.includes("~$~") ? formatOptions.xAxisTitle.xAxisTitleText.split("~$~")[1] : formatOptions.xAxisTitle.xAxisTitleText,
18277
+ key: formatOptions.xAxisTitle.xAxisTitleHTML !== "" ? new DOMParser().parseFromString(formatOptions.xAxisTitle.xAxisTitleHTML, "text/html").body.textContent?.trim() : formatOptions.xAxisTitle.xAxisTitleText.includes("~$~") ? formatOptions.xAxisTitle.xAxisTitleText.split("~$~")[1] : formatOptions.xAxisTitle.xAxisTitleText,
18270
18278
  value: chartJSON.formattedDimensionListMap.get(
18271
18279
  Array.isArray(d.dimension) ? d.dimension[0] : d.dimension
18272
18280
  )
18273
18281
  },
18274
18282
  {
18275
- key: formatOptions.yAxisTitle.yAxisTitleText || d.value,
18283
+ key: formatOptions.yAxisTitle.yAxisTitleHTML !== "" ? new DOMParser().parseFromString(formatOptions.yAxisTitle.yAxisTitleHTML, "text/html").body.textContent?.trim() : d.properties?.currentMeasure ? d.properties.currentMeasure : formatOptions.yAxisTitle.yAxisTitleText || d.value,
18276
18284
  value: getNumberWithFormat(
18277
18285
  [
18278
18286
  chartTypes.NormalizedStackLineChart,
@@ -18538,11 +18546,11 @@ const CustomColumnChart = ({
18538
18546
  showTooltipOnMouseMove(
18539
18547
  [
18540
18548
  {
18541
- key: formatOptions.xAxisTitle.xAxisTitleText.includes("~$~") ? formatOptions.xAxisTitle.xAxisTitleText.split("~$~")[1] : formatOptions.xAxisTitle.xAxisTitleText,
18549
+ key: formatOptions.xAxisTitle.xAxisTitleHTML !== "" ? new DOMParser().parseFromString(formatOptions.xAxisTitle.xAxisTitleHTML, "text/html").body.textContent?.trim() : formatOptions.xAxisTitle.xAxisTitleText.includes("~$~") ? formatOptions.xAxisTitle.xAxisTitleText.split("~$~")[1] : formatOptions.xAxisTitle.xAxisTitleText,
18542
18550
  value: chartJSON.formattedDimensionListMap.get(d.data.dimension)
18543
18551
  },
18544
18552
  {
18545
- key: formatOptions.yAxisTitle.yAxisTitleText || d.value,
18553
+ key: formatOptions.yAxisTitle.yAxisTitleHTML !== "" ? new DOMParser().parseFromString(formatOptions.yAxisTitle.yAxisTitleHTML, "text/html").body.textContent?.trim() : d.properties?.currentMeasure ? d.properties.currentMeasure : formatOptions.yAxisTitle.yAxisTitleText || d.value,
18546
18554
  value: getNumberWithFormat(
18547
18555
  d.data[d.key],
18548
18556
  formatOptions.toolTip.toolTipDisplayUnits,
@@ -19162,13 +19170,13 @@ const LayeredColumnChart = ({
19162
19170
  showTooltipOnMouseMove(
19163
19171
  [
19164
19172
  {
19165
- key: formatOptions.xAxisTitle.xAxisTitleText.includes("~$~") ? formatOptions.xAxisTitle.xAxisTitleText.split("~$~")[1] : formatOptions.xAxisTitle.xAxisTitleText,
19173
+ key: formatOptions.xAxisTitle.xAxisTitleHTML !== "" ? new DOMParser().parseFromString(formatOptions.xAxisTitle.xAxisTitleHTML, "text/html").body.textContent?.trim() : formatOptions.xAxisTitle.xAxisTitleText.includes("~$~") ? formatOptions.xAxisTitle.xAxisTitleText.split("~$~")[1] : formatOptions.xAxisTitle.xAxisTitleText,
19166
19174
  value: chartJSON.formattedDimensionListMap.get(
19167
19175
  Array.isArray(d.dimension) ? d.dimension[0] : d.dimension
19168
19176
  )
19169
19177
  },
19170
19178
  {
19171
- key: formatOptions.yAxisTitle.yAxisTitleText || d.value,
19179
+ key: formatOptions.yAxisTitle.yAxisTitleHTML !== "" ? new DOMParser().parseFromString(formatOptions.yAxisTitle.yAxisTitleHTML, "text/html").body.textContent?.trim() : d.properties?.currentMeasure ? d.properties.currentMeasure : formatOptions.yAxisTitle.yAxisTitleText || d.value,
19172
19180
  value: getNumberWithFormat(
19173
19181
  [
19174
19182
  chartTypes.NormalizedStackLineChart,
@@ -19665,11 +19673,11 @@ const StackColumnChart = ({
19665
19673
  showTooltipOnMouseMove(
19666
19674
  [
19667
19675
  {
19668
- key: formatOptions.xAxisTitle.xAxisTitleText.includes("~$~") ? formatOptions.xAxisTitle.xAxisTitleText.split("~$~")[1] : formatOptions.xAxisTitle.xAxisTitleText,
19676
+ key: formatOptions.xAxisTitle.xAxisTitleHTML !== "" ? new DOMParser().parseFromString(formatOptions.xAxisTitle.xAxisTitleHTML, "text/html").body.textContent?.trim() : formatOptions.xAxisTitle.xAxisTitleText.includes("~$~") ? formatOptions.xAxisTitle.xAxisTitleText.split("~$~")[1] : formatOptions.xAxisTitle.xAxisTitleText,
19669
19677
  value: chartJSON.formattedDimensionListMap.get(d.data.dimension)
19670
19678
  },
19671
19679
  {
19672
- key: formatOptions.yAxisTitle.yAxisTitleText || d.value,
19680
+ key: formatOptions.yAxisTitle.yAxisTitleHTML !== "" ? new DOMParser().parseFromString(formatOptions.yAxisTitle.yAxisTitleHTML, "text/html").body.textContent?.trim() : d.properties?.currentMeasure ? d.properties.currentMeasure : formatOptions.yAxisTitle.yAxisTitleText || d.value,
19673
19681
  value: getNumberWithFormat(
19674
19682
  d.data[d.key],
19675
19683
  formatOptions.toolTip.toolTipDisplayUnits,
@@ -20428,11 +20436,11 @@ const NormalizedStackColumnChart = ({
20428
20436
  showTooltipOnMouseMove(
20429
20437
  [
20430
20438
  {
20431
- key: formatOptions.xAxisTitle.xAxisTitleText.includes("~$~") ? formatOptions.xAxisTitle.xAxisTitleText.split("~$~")[1] : formatOptions.xAxisTitle.xAxisTitleText,
20439
+ key: formatOptions.xAxisTitle.xAxisTitleHTML !== "" ? new DOMParser().parseFromString(formatOptions.xAxisTitle.xAxisTitleHTML, "text/html").body.textContent?.trim() : formatOptions.xAxisTitle.xAxisTitleText.includes("~$~") ? formatOptions.xAxisTitle.xAxisTitleText.split("~$~")[1] : formatOptions.xAxisTitle.xAxisTitleText,
20432
20440
  value: chartJSON.formattedDimensionListMap.get(d.data.dimension)
20433
20441
  },
20434
20442
  {
20435
- key: formatOptions.yAxisTitle.yAxisTitleText || d.value,
20443
+ key: formatOptions.yAxisTitle.yAxisTitleHTML !== "" ? new DOMParser().parseFromString(formatOptions.yAxisTitle.yAxisTitleHTML, "text/html").body.textContent?.trim() : d.properties?.currentMeasure ? d.properties.currentMeasure : formatOptions.yAxisTitle.yAxisTitleText || d.value,
20436
20444
  value: getNumberWithFormat(
20437
20445
  d[1] - d[0],
20438
20446
  formatOptions.toolTip.toolTipDisplayUnits,
@@ -21627,11 +21635,11 @@ const ColumnHistogramChart = ({
21627
21635
  showTooltipOnMouseMove(
21628
21636
  [
21629
21637
  {
21630
- key: formatOptions.xAxisTitle.xAxisTitleText.includes("~$~") ? formatOptions.xAxisTitle.xAxisTitleText.split("~$~")[1] : formatOptions.xAxisTitle.xAxisTitleText,
21638
+ key: formatOptions.xAxisTitle.xAxisTitleHTML !== "" ? new DOMParser().parseFromString(formatOptions.xAxisTitle.xAxisTitleHTML, "text/html").body.textContent?.trim() : formatOptions.xAxisTitle.xAxisTitleText.includes("~$~") ? formatOptions.xAxisTitle.xAxisTitleText.split("~$~")[1] : formatOptions.xAxisTitle.xAxisTitleText,
21631
21639
  value: `${d["x0"]}-${d["x1"]}`
21632
21640
  },
21633
21641
  {
21634
- key: formatOptions.yAxisTitle.yAxisTitleText,
21642
+ key: formatOptions.yAxisTitle.yAxisTitleHTML !== "" ? new DOMParser().parseFromString(formatOptions.yAxisTitle.yAxisTitleHTML, "text/html").body.textContent?.trim() : d.properties?.currentMeasure ? d.properties.currentMeasure : formatOptions.yAxisTitle.yAxisTitleText,
21635
21643
  value: getNumberWithFormat(
21636
21644
  formatOptions.toolTip.toolTipNumberFormat == ",.0%" ? Math.abs(d.length / filteredData[0].data.length) : d.length,
21637
21645
  formatOptions.toolTip.toolTipDisplayUnits,
@@ -23828,13 +23836,13 @@ const HorizontalBarChart = ({
23828
23836
  showTooltipOnMouseMove(
23829
23837
  [
23830
23838
  {
23831
- key: formatOptions.xAxisTitle.xAxisTitleText.includes("~$~") ? formatOptions.xAxisTitle.xAxisTitleText.split("~$~")[1] : formatOptions.xAxisTitle.xAxisTitleText,
23839
+ key: formatOptions.xAxisTitle.xAxisTitleHTML !== "" ? new DOMParser().parseFromString(formatOptions.xAxisTitle.xAxisTitleHTML, "text/html").body.textContent?.trim() : formatOptions.xAxisTitle.xAxisTitleText.includes("~$~") ? formatOptions.xAxisTitle.xAxisTitleText.split("~$~")[1] : formatOptions.xAxisTitle.xAxisTitleText,
23832
23840
  value: chartJSON.formattedDimensionListMap.get(
23833
23841
  Array.isArray(d.dimension) ? d.dimension[0] : d.dimension
23834
23842
  )
23835
23843
  },
23836
23844
  {
23837
- key: formatOptions.yAxisTitle.yAxisTitleText || d.value,
23845
+ key: formatOptions.yAxisTitle.yAxisTitleHTML !== "" ? new DOMParser().parseFromString(formatOptions.yAxisTitle.yAxisTitleHTML, "text/html").body.textContent?.trim() : d.properties?.currentMeasure ? d.properties.currentMeasure : formatOptions.yAxisTitle.yAxisTitleText || d.value,
23838
23846
  value: getNumberWithFormat(
23839
23847
  [
23840
23848
  chartTypes.NormalizedStackLineChart,
@@ -24306,11 +24314,11 @@ const StackHorizontalChart = ({
24306
24314
  showTooltipOnMouseMove(
24307
24315
  [
24308
24316
  {
24309
- key: formatOptions.xAxisTitle.xAxisTitleText.includes("~$~") ? formatOptions.xAxisTitle.xAxisTitleText.split("~$~")[1] : formatOptions.xAxisTitle.xAxisTitleText,
24317
+ key: formatOptions.xAxisTitle.xAxisTitleHTML !== "" ? new DOMParser().parseFromString(formatOptions.xAxisTitle.xAxisTitleHTML, "text/html").body.textContent?.trim() : formatOptions.xAxisTitle.xAxisTitleText.includes("~$~") ? formatOptions.xAxisTitle.xAxisTitleText.split("~$~")[1] : formatOptions.xAxisTitle.xAxisTitleText,
24310
24318
  value: chartJSON.formattedDimensionListMap.get(dim)
24311
24319
  },
24312
24320
  {
24313
- key: formatOptions.yAxisTitle.yAxisTitleText || d.value,
24321
+ key: formatOptions.yAxisTitle.yAxisTitleHTML !== "" ? new DOMParser().parseFromString(formatOptions.yAxisTitle.yAxisTitleHTML, "text/html").body.textContent?.trim() : d.properties?.currentMeasure ? d.properties.currentMeasure : formatOptions.yAxisTitle.yAxisTitleText || d.value,
24314
24322
  value: getNumberWithFormat(
24315
24323
  d.data[d.key],
24316
24324
  formatOptions.toolTip.toolTipDisplayUnits,
@@ -25006,11 +25014,11 @@ const NormalizedStackHorizontalBarChart = ({
25006
25014
  showTooltipOnMouseMove(
25007
25015
  [
25008
25016
  {
25009
- key: formatOptions.xAxisTitle.xAxisTitleText.includes("~$~") ? formatOptions.xAxisTitle.xAxisTitleText.split("~$~")[1] : formatOptions.xAxisTitle.xAxisTitleText,
25017
+ key: formatOptions.xAxisTitle.xAxisTitleHTML !== "" ? new DOMParser().parseFromString(formatOptions.xAxisTitle.xAxisTitleHTML, "text/html").body.textContent?.trim() : formatOptions.xAxisTitle.xAxisTitleText.includes("~$~") ? formatOptions.xAxisTitle.xAxisTitleText.split("~$~")[1] : formatOptions.xAxisTitle.xAxisTitleText,
25010
25018
  value: chartJSON.formattedDimensionListMap.get(dim)
25011
25019
  },
25012
25020
  {
25013
- key: formatOptions.yAxisTitle.yAxisTitleText || d.value,
25021
+ key: formatOptions.yAxisTitle.yAxisTitleHTML !== "" ? new DOMParser().parseFromString(formatOptions.yAxisTitle.yAxisTitleHTML, "text/html").body.textContent?.trim() : d.properties?.currentMeasure ? d.properties.currentMeasure : formatOptions.yAxisTitle.yAxisTitleText || d.value,
25014
25022
  value: getNumberWithFormat(
25015
25023
  d[1] - d[0],
25016
25024
  formatOptions.toolTip.toolTipDisplayUnits,
@@ -25501,13 +25509,13 @@ const LayeredHorizontalBarChart = ({
25501
25509
  showTooltipOnMouseMove(
25502
25510
  [
25503
25511
  {
25504
- key: formatOptions.xAxisTitle.xAxisTitleText.includes("~$~") ? formatOptions.xAxisTitle.xAxisTitleText.split("~$~")[1] : formatOptions.xAxisTitle.xAxisTitleText,
25512
+ key: formatOptions.xAxisTitle.xAxisTitleHTML !== "" ? new DOMParser().parseFromString(formatOptions.xAxisTitle.xAxisTitleHTML, "text/html").body.textContent?.trim() : formatOptions.xAxisTitle.xAxisTitleText.includes("~$~") ? formatOptions.xAxisTitle.xAxisTitleText.split("~$~")[1] : formatOptions.xAxisTitle.xAxisTitleText,
25505
25513
  value: chartJSON.formattedDimensionListMap.get(
25506
25514
  Array.isArray(d.dimension) ? d.dimension[0] : d.dimension
25507
25515
  )
25508
25516
  },
25509
25517
  {
25510
- key: formatOptions.yAxisTitle.yAxisTitleText || d.value,
25518
+ key: formatOptions.yAxisTitle.yAxisTitleHTML !== "" ? new DOMParser().parseFromString(formatOptions.yAxisTitle.yAxisTitleHTML, "text/html").body.textContent?.trim() : d.properties?.currentMeasure ? d.properties.currentMeasure : formatOptions.yAxisTitle.yAxisTitleText || d.value,
25511
25519
  value: getNumberWithFormat(
25512
25520
  [
25513
25521
  chartTypes.NormalizedStackLineChart,
@@ -26241,11 +26249,11 @@ const HorizontalHistogramChart = ({
26241
26249
  showTooltipOnMouseMove(
26242
26250
  [
26243
26251
  {
26244
- key: formatOptions.yAxisTitle.yAxisTitleText,
26252
+ key: formatOptions.yAxisTitle.yAxisTitleHTML !== "" ? new DOMParser().parseFromString(formatOptions.yAxisTitle.yAxisTitleHTML, "text/html").body.textContent?.trim() : d.properties?.currentMeasure ? d.properties.currentMeasure : formatOptions.yAxisTitle.yAxisTitleText,
26245
26253
  value: `${d["x0"]}-${d["x1"]}`
26246
26254
  },
26247
26255
  {
26248
- key: formatOptions.xAxisTitle.xAxisTitleText,
26256
+ key: formatOptions.xAxisTitle.xAxisTitleHTML !== "" ? new DOMParser().parseFromString(formatOptions.xAxisTitle.xAxisTitleHTML, "text/html").body.textContent?.trim() : formatOptions.xAxisTitle.xAxisTitleText,
26249
26257
  value: getNumberWithFormat(
26250
26258
  formatOptions.toolTip.toolTipNumberFormat == ",.0%" ? Math.abs(d.length / filteredData[0].data.length) : d.length,
26251
26259
  formatOptions.toolTip.toolTipDisplayUnits,
@@ -28280,7 +28288,8 @@ const PieChart = ({ data, formatOptions, chartId, isReportEditable }) => {
28280
28288
  let rotationAngle = convertStringToNumber(
28281
28289
  chartFormatOptions.plotArea.rotation
28282
28290
  );
28283
- const pie$1 = pie().value((d) => d.data[0].value).startAngle((rotationAngle ?? 0) * (Math.PI / 180) % 360).endAngle(((rotationAngle ?? 0) + 360) * (Math.PI / 180) % 360);
28291
+ const isSingleZeroDataPoint = data.ChartData?.length === 1 && data.ChartData[0]?.data[0]?.value === 0;
28292
+ const pie$1 = pie().value((d) => Math.abs(isSingleZeroDataPoint ? 100 : d.data[0].value)).startAngle((rotationAngle ?? 0) * (Math.PI / 180) % 360).endAngle(((rotationAngle ?? 0) + 360) * (Math.PI / 180) % 360);
28284
28293
  let pieData = pie$1(data.ChartData);
28285
28294
  pieChartData = pieData.map((d, i) => ({
28286
28295
  ...d,
@@ -28689,7 +28698,8 @@ const DonutChart = ({
28689
28698
  let rotationAngle = convertStringToNumber(
28690
28699
  chartFormatOptions.plotArea.rotation
28691
28700
  );
28692
- const pie$1 = pie().sort(null).value((d) => d.data[0].value).startAngle((rotationAngle ?? 0) * (Math.PI / 180) % 360).endAngle(((rotationAngle ?? 0) + 360) * (Math.PI / 180) % 360);
28701
+ const isSingleZeroDataPoint = data.ChartData?.length === 1 && data.ChartData[0]?.data[0]?.value === 0;
28702
+ const pie$1 = pie().value((d) => Math.abs(isSingleZeroDataPoint ? 100 : d.data[0].value)).startAngle((rotationAngle ?? 0) * (Math.PI / 180) % 360).endAngle(((rotationAngle ?? 0) + 360) * (Math.PI / 180) % 360);
28693
28703
  let pieData = pie$1(seriesData);
28694
28704
  pieChartData = pieData?.map((d, i) => ({
28695
28705
  ...d,
@@ -55484,7 +55494,7 @@ const WaterfallChart = ({
55484
55494
  showTooltipOnMouseMove(
55485
55495
  [
55486
55496
  {
55487
- key: formatOptions.yAxisTitle.yAxisTitleText,
55497
+ key: formatOptions.yAxisTitle.yAxisTitleHTML !== "" ? new DOMParser().parseFromString(formatOptions.yAxisTitle.yAxisTitleHTML, "text/html").body.textContent?.trim() : d.properties?.currentMeasure ? d.properties.currentMeasure : formatOptions.yAxisTitle.yAxisTitleText,
55488
55498
  value: (d.key === waterfallKeys.up ? "+" : d.key === waterfallKeys.down ? "-" : "") + getNumberWithFormat(
55489
55499
  d.key === waterfallKeys.dimensionTotal ? d.data.dimensionTotal : d[1] - d[0],
55490
55500
  formatOptions.toolTip.toolTipDisplayUnits,
@@ -56153,7 +56163,10 @@ const TornadoChart = ({
56153
56163
  ).on("mousemove", (event2, d) => {
56154
56164
  showTooltipOnMouseMove(
56155
56165
  [
56156
- { key: "Measure", value: d.dimension },
56166
+ {
56167
+ key: "Measure",
56168
+ value: formatOptions.yAxisTitle.yAxisTitleHTML !== "" ? new DOMParser().parseFromString(formatOptions.yAxisTitle.yAxisTitleHTML, "text/html").body.textContent?.trim() : d.dimension
56169
+ },
56157
56170
  { key: "Legend", value: d.legendText },
56158
56171
  {
56159
56172
  key: "Value",
@@ -11972,6 +11972,12 @@
11972
11972
  const scrollbarMargin = scrollbarVisible ? 10 : 0;
11973
11973
  margin.right = margin.right + scrollbarMargin + normalizeMargin;
11974
11974
  }
11975
+ if (formatOptions.connector.connectorVisibility != "2" && chartJSON?.chartType == chartTypes.StackColumnChart) {
11976
+ margin.top = margin.top + 20;
11977
+ }
11978
+ if (formatOptions.connector.connectorVisibility != "2" && chartJSON?.chartType == chartTypes.StackHorizontalBarChart) {
11979
+ margin.right = margin.top + 20;
11980
+ }
11975
11981
  return {
11976
11982
  margin,
11977
11983
  yLabel: horizontal.yLabel,
@@ -13350,7 +13356,8 @@
13350
13356
  let axis2 = d.x.axis;
13351
13357
  return dataLabelsPositionForBarChartFamily(formatOptions, d.x.measure ? d.x.measure : 0, d.position, requiredXScale, minValue, void 0, chartType, isSensitivityChart, axis2);
13352
13358
  } else if (chartType === chartTypes.ColumnChart) {
13353
- const legend = xScaleForLegends(d.currentLegend);
13359
+ const legendUniqueId = d.legendUniqueId.includes("~$~") ? d.legendUniqueId.split("~$~")[0] : d.legendUniqueId;
13360
+ const legend = xScaleForLegends(legendUniqueId);
13354
13361
  const x2 = legend != null ? xScale(d.x) + legend - (columnWidth - xScaleForLegends.bandwidth()) / 2 : xScale(d.x);
13355
13362
  return x2;
13356
13363
  } else {
@@ -13633,7 +13640,7 @@
13633
13640
  labelPosition: d.data[i].labelPosition,
13634
13641
  labelColor: d.data[i].labelColor,
13635
13642
  axis: d.data[i].axis,
13636
- type: chartTypes.LineChart,
13643
+ type: d.properties.type,
13637
13644
  alias: d.properties?.alias
13638
13645
  }
13639
13646
  );
@@ -13649,9 +13656,9 @@
13649
13656
  value: d.data[0].value,
13650
13657
  legend: d.data[0].legend,
13651
13658
  labelPosition: d.data[0].labelPosition,
13652
- labelcolor: d.data[0].labelColor,
13659
+ labelColor: d.data[0].labelColor,
13653
13660
  axis: d.data[0].axis,
13654
- type: chartTypes.LineChart,
13661
+ type: d.properties.type,
13655
13662
  alias: d.properties?.alias
13656
13663
  }
13657
13664
  );
@@ -13663,9 +13670,9 @@
13663
13670
  value: d.data[d.data.length - 1].value,
13664
13671
  legend: d.data[d.data.length - 1].legend,
13665
13672
  labelPosition: d.data[d.data.length - 1].labelPosition,
13666
- labelcolor: d.data[d.data.length - 1].labelColor,
13673
+ labelColor: d.data[d.data.length - 1].labelColor,
13667
13674
  axis: d.data[d.data.length - 1].axis,
13668
- type: chartTypes.LineChart,
13675
+ type: d.properties.type,
13669
13676
  alias: d.properties?.alias
13670
13677
  }
13671
13678
  );
@@ -13677,9 +13684,9 @@
13677
13684
  value: d.data[0].value,
13678
13685
  legend: d.data[0].legend,
13679
13686
  labelPosition: d.data[0].labelPosition,
13680
- labelcolor: d.data[0].labelColor,
13687
+ labelColor: d.data[0].labelColor,
13681
13688
  axis: d.data[0].axis,
13682
- type: chartTypes.LineChart,
13689
+ type: d.properties.type,
13683
13690
  alias: d.properties?.alias
13684
13691
  }
13685
13692
  );
@@ -13689,9 +13696,9 @@
13689
13696
  value: d.data[d.data.length - 1].value,
13690
13697
  legend: d.data[d.data.length - 1].legend,
13691
13698
  labelPosition: d.data[d.data.length - 1].labelPosition,
13692
- labelcolor: d.data[d.data.length - 1].labelColor,
13699
+ labelColor: d.data[d.data.length - 1].labelColor,
13693
13700
  axis: d.data[d.data.length - 1].axis,
13694
- type: chartTypes.LineChart,
13701
+ type: d.properties.type,
13695
13702
  alias: d.properties?.alias
13696
13703
  }
13697
13704
  );
@@ -13775,7 +13782,7 @@
13775
13782
  labelData.forEach((d, i) => {
13776
13783
  let singleAnnotation = {
13777
13784
  note: {
13778
- label: d.value ? d.value >= 1e9 && formatOptions.annotation.annotationNumberFormat === ".2s" ? Math.round(d.value / 1e9) + "B" : getNumberWithFormat(
13785
+ label: d.value || d.value == 0 ? d.value >= 1e9 && formatOptions.annotation.annotationNumberFormat === ".2s" ? Math.round(d.value / 1e9) + "B" : getNumberWithFormat(
13779
13786
  d.value,
13780
13787
  formatOptions.annotation.annotationDisplayUnits || formatOptions.plotArea.plotAreaDisplayUnits,
13781
13788
  formatOptions.annotation.annotationNumberFormat,
@@ -16108,13 +16115,13 @@
16108
16115
  showTooltipOnMouseMove(
16109
16116
  [
16110
16117
  {
16111
- key: formatOptions.xAxisTitle.xAxisTitleText,
16118
+ key: formatOptions.xAxisTitle.xAxisTitleHTML !== "" ? new DOMParser().parseFromString(formatOptions.xAxisTitle.xAxisTitleHTML, "text/html").body.textContent?.trim() : formatOptions.xAxisTitle.xAxisTitleText,
16112
16119
  value: chartJSON.formattedDimensionListMap.get(
16113
16120
  Array.isArray(dataPoint.dimension) ? dataPoint.dimension[0] : dataPoint.dimension
16114
16121
  )
16115
16122
  },
16116
16123
  {
16117
- key: formatOptions.yAxisTitle.yAxisTitleText || dataPoint.value,
16124
+ key: formatOptions.yAxisTitle.yAxisTitleHTML !== "" ? new DOMParser().parseFromString(formatOptions.yAxisTitle.yAxisTitleHTML, "text/html").body.textContent?.trim() : d.properties?.currentMeasure ? d.properties.currentMeasure : formatOptions.yAxisTitle.yAxisTitleText || dataPoint.value,
16118
16125
  value: getNumberWithFormat(
16119
16126
  [chartTypes.NormalizedStackLineChart, chartTypes.NormalizedStackAreaChart, ""].includes(type) ? dataPoint[1] - dataPoint[0] : dataPoint.value,
16120
16127
  formatOptions.toolTip.toolTipDisplayUnits,
@@ -17551,13 +17558,13 @@
17551
17558
  showTooltipOnMouseMove(
17552
17559
  [
17553
17560
  {
17554
- key: formatOptions.xAxisTitle.xAxisTitleText.includes("~$~") ? formatOptions.xAxisTitle.xAxisTitleText.split("~$~")[1] : formatOptions.xAxisTitle.xAxisTitleText,
17561
+ key: formatOptions.xAxisTitle.xAxisTitleHTML !== "" ? new DOMParser().parseFromString(formatOptions.xAxisTitle.xAxisTitleHTML, "text/html").body.textContent?.trim() : formatOptions.xAxisTitle.xAxisTitleText.includes("~$~") ? formatOptions.xAxisTitle.xAxisTitleText.split("~$~")[1] : formatOptions.xAxisTitle.xAxisTitleText,
17555
17562
  value: chartJSON.formattedDimensionListMap.get(
17556
17563
  Array.isArray(d.dimension) ? d.dimension[0] : d.dimension
17557
17564
  )
17558
17565
  },
17559
17566
  {
17560
- key: formatOptions.yAxisTitle.yAxisTitleText || d.value,
17567
+ key: formatOptions.yAxisTitle.yAxisTitleHTML !== "" ? new DOMParser().parseFromString(formatOptions.yAxisTitle.yAxisTitleHTML, "text/html").body.textContent?.trim() : d.properties?.currentMeasure ? d.properties.currentMeasure : formatOptions.yAxisTitle.yAxisTitleText || d.value,
17561
17568
  value: getNumberWithFormat(
17562
17569
  [
17563
17570
  chartTypes.NormalizedStackLineChart,
@@ -18210,6 +18217,7 @@
18210
18217
  const getChartType = (lineData) => {
18211
18218
  lineData.forEach((data2) => {
18212
18219
  switch (data2.properties.type) {
18220
+ default:
18213
18221
  case chartTypes.ColumnChart:
18214
18222
  drawColumnChart(data2);
18215
18223
  break;
@@ -18269,13 +18277,13 @@
18269
18277
  showTooltipOnMouseMove(
18270
18278
  [
18271
18279
  {
18272
- key: formatOptions.xAxisTitle.xAxisTitleText.includes("~$~") ? formatOptions.xAxisTitle.xAxisTitleText.split("~$~")[1] : formatOptions.xAxisTitle.xAxisTitleText,
18280
+ key: formatOptions.xAxisTitle.xAxisTitleHTML !== "" ? new DOMParser().parseFromString(formatOptions.xAxisTitle.xAxisTitleHTML, "text/html").body.textContent?.trim() : formatOptions.xAxisTitle.xAxisTitleText.includes("~$~") ? formatOptions.xAxisTitle.xAxisTitleText.split("~$~")[1] : formatOptions.xAxisTitle.xAxisTitleText,
18273
18281
  value: chartJSON.formattedDimensionListMap.get(
18274
18282
  Array.isArray(d.dimension) ? d.dimension[0] : d.dimension
18275
18283
  )
18276
18284
  },
18277
18285
  {
18278
- key: formatOptions.yAxisTitle.yAxisTitleText || d.value,
18286
+ key: formatOptions.yAxisTitle.yAxisTitleHTML !== "" ? new DOMParser().parseFromString(formatOptions.yAxisTitle.yAxisTitleHTML, "text/html").body.textContent?.trim() : d.properties?.currentMeasure ? d.properties.currentMeasure : formatOptions.yAxisTitle.yAxisTitleText || d.value,
18279
18287
  value: getNumberWithFormat(
18280
18288
  [
18281
18289
  chartTypes.NormalizedStackLineChart,
@@ -18541,11 +18549,11 @@
18541
18549
  showTooltipOnMouseMove(
18542
18550
  [
18543
18551
  {
18544
- key: formatOptions.xAxisTitle.xAxisTitleText.includes("~$~") ? formatOptions.xAxisTitle.xAxisTitleText.split("~$~")[1] : formatOptions.xAxisTitle.xAxisTitleText,
18552
+ key: formatOptions.xAxisTitle.xAxisTitleHTML !== "" ? new DOMParser().parseFromString(formatOptions.xAxisTitle.xAxisTitleHTML, "text/html").body.textContent?.trim() : formatOptions.xAxisTitle.xAxisTitleText.includes("~$~") ? formatOptions.xAxisTitle.xAxisTitleText.split("~$~")[1] : formatOptions.xAxisTitle.xAxisTitleText,
18545
18553
  value: chartJSON.formattedDimensionListMap.get(d.data.dimension)
18546
18554
  },
18547
18555
  {
18548
- key: formatOptions.yAxisTitle.yAxisTitleText || d.value,
18556
+ key: formatOptions.yAxisTitle.yAxisTitleHTML !== "" ? new DOMParser().parseFromString(formatOptions.yAxisTitle.yAxisTitleHTML, "text/html").body.textContent?.trim() : d.properties?.currentMeasure ? d.properties.currentMeasure : formatOptions.yAxisTitle.yAxisTitleText || d.value,
18549
18557
  value: getNumberWithFormat(
18550
18558
  d.data[d.key],
18551
18559
  formatOptions.toolTip.toolTipDisplayUnits,
@@ -19165,13 +19173,13 @@
19165
19173
  showTooltipOnMouseMove(
19166
19174
  [
19167
19175
  {
19168
- key: formatOptions.xAxisTitle.xAxisTitleText.includes("~$~") ? formatOptions.xAxisTitle.xAxisTitleText.split("~$~")[1] : formatOptions.xAxisTitle.xAxisTitleText,
19176
+ key: formatOptions.xAxisTitle.xAxisTitleHTML !== "" ? new DOMParser().parseFromString(formatOptions.xAxisTitle.xAxisTitleHTML, "text/html").body.textContent?.trim() : formatOptions.xAxisTitle.xAxisTitleText.includes("~$~") ? formatOptions.xAxisTitle.xAxisTitleText.split("~$~")[1] : formatOptions.xAxisTitle.xAxisTitleText,
19169
19177
  value: chartJSON.formattedDimensionListMap.get(
19170
19178
  Array.isArray(d.dimension) ? d.dimension[0] : d.dimension
19171
19179
  )
19172
19180
  },
19173
19181
  {
19174
- key: formatOptions.yAxisTitle.yAxisTitleText || d.value,
19182
+ key: formatOptions.yAxisTitle.yAxisTitleHTML !== "" ? new DOMParser().parseFromString(formatOptions.yAxisTitle.yAxisTitleHTML, "text/html").body.textContent?.trim() : d.properties?.currentMeasure ? d.properties.currentMeasure : formatOptions.yAxisTitle.yAxisTitleText || d.value,
19175
19183
  value: getNumberWithFormat(
19176
19184
  [
19177
19185
  chartTypes.NormalizedStackLineChart,
@@ -19668,11 +19676,11 @@
19668
19676
  showTooltipOnMouseMove(
19669
19677
  [
19670
19678
  {
19671
- key: formatOptions.xAxisTitle.xAxisTitleText.includes("~$~") ? formatOptions.xAxisTitle.xAxisTitleText.split("~$~")[1] : formatOptions.xAxisTitle.xAxisTitleText,
19679
+ key: formatOptions.xAxisTitle.xAxisTitleHTML !== "" ? new DOMParser().parseFromString(formatOptions.xAxisTitle.xAxisTitleHTML, "text/html").body.textContent?.trim() : formatOptions.xAxisTitle.xAxisTitleText.includes("~$~") ? formatOptions.xAxisTitle.xAxisTitleText.split("~$~")[1] : formatOptions.xAxisTitle.xAxisTitleText,
19672
19680
  value: chartJSON.formattedDimensionListMap.get(d.data.dimension)
19673
19681
  },
19674
19682
  {
19675
- key: formatOptions.yAxisTitle.yAxisTitleText || d.value,
19683
+ key: formatOptions.yAxisTitle.yAxisTitleHTML !== "" ? new DOMParser().parseFromString(formatOptions.yAxisTitle.yAxisTitleHTML, "text/html").body.textContent?.trim() : d.properties?.currentMeasure ? d.properties.currentMeasure : formatOptions.yAxisTitle.yAxisTitleText || d.value,
19676
19684
  value: getNumberWithFormat(
19677
19685
  d.data[d.key],
19678
19686
  formatOptions.toolTip.toolTipDisplayUnits,
@@ -20431,11 +20439,11 @@
20431
20439
  showTooltipOnMouseMove(
20432
20440
  [
20433
20441
  {
20434
- key: formatOptions.xAxisTitle.xAxisTitleText.includes("~$~") ? formatOptions.xAxisTitle.xAxisTitleText.split("~$~")[1] : formatOptions.xAxisTitle.xAxisTitleText,
20442
+ key: formatOptions.xAxisTitle.xAxisTitleHTML !== "" ? new DOMParser().parseFromString(formatOptions.xAxisTitle.xAxisTitleHTML, "text/html").body.textContent?.trim() : formatOptions.xAxisTitle.xAxisTitleText.includes("~$~") ? formatOptions.xAxisTitle.xAxisTitleText.split("~$~")[1] : formatOptions.xAxisTitle.xAxisTitleText,
20435
20443
  value: chartJSON.formattedDimensionListMap.get(d.data.dimension)
20436
20444
  },
20437
20445
  {
20438
- key: formatOptions.yAxisTitle.yAxisTitleText || d.value,
20446
+ key: formatOptions.yAxisTitle.yAxisTitleHTML !== "" ? new DOMParser().parseFromString(formatOptions.yAxisTitle.yAxisTitleHTML, "text/html").body.textContent?.trim() : d.properties?.currentMeasure ? d.properties.currentMeasure : formatOptions.yAxisTitle.yAxisTitleText || d.value,
20439
20447
  value: getNumberWithFormat(
20440
20448
  d[1] - d[0],
20441
20449
  formatOptions.toolTip.toolTipDisplayUnits,
@@ -21630,11 +21638,11 @@
21630
21638
  showTooltipOnMouseMove(
21631
21639
  [
21632
21640
  {
21633
- key: formatOptions.xAxisTitle.xAxisTitleText.includes("~$~") ? formatOptions.xAxisTitle.xAxisTitleText.split("~$~")[1] : formatOptions.xAxisTitle.xAxisTitleText,
21641
+ key: formatOptions.xAxisTitle.xAxisTitleHTML !== "" ? new DOMParser().parseFromString(formatOptions.xAxisTitle.xAxisTitleHTML, "text/html").body.textContent?.trim() : formatOptions.xAxisTitle.xAxisTitleText.includes("~$~") ? formatOptions.xAxisTitle.xAxisTitleText.split("~$~")[1] : formatOptions.xAxisTitle.xAxisTitleText,
21634
21642
  value: `${d["x0"]}-${d["x1"]}`
21635
21643
  },
21636
21644
  {
21637
- key: formatOptions.yAxisTitle.yAxisTitleText,
21645
+ key: formatOptions.yAxisTitle.yAxisTitleHTML !== "" ? new DOMParser().parseFromString(formatOptions.yAxisTitle.yAxisTitleHTML, "text/html").body.textContent?.trim() : d.properties?.currentMeasure ? d.properties.currentMeasure : formatOptions.yAxisTitle.yAxisTitleText,
21638
21646
  value: getNumberWithFormat(
21639
21647
  formatOptions.toolTip.toolTipNumberFormat == ",.0%" ? Math.abs(d.length / filteredData[0].data.length) : d.length,
21640
21648
  formatOptions.toolTip.toolTipDisplayUnits,
@@ -23831,13 +23839,13 @@
23831
23839
  showTooltipOnMouseMove(
23832
23840
  [
23833
23841
  {
23834
- key: formatOptions.xAxisTitle.xAxisTitleText.includes("~$~") ? formatOptions.xAxisTitle.xAxisTitleText.split("~$~")[1] : formatOptions.xAxisTitle.xAxisTitleText,
23842
+ key: formatOptions.xAxisTitle.xAxisTitleHTML !== "" ? new DOMParser().parseFromString(formatOptions.xAxisTitle.xAxisTitleHTML, "text/html").body.textContent?.trim() : formatOptions.xAxisTitle.xAxisTitleText.includes("~$~") ? formatOptions.xAxisTitle.xAxisTitleText.split("~$~")[1] : formatOptions.xAxisTitle.xAxisTitleText,
23835
23843
  value: chartJSON.formattedDimensionListMap.get(
23836
23844
  Array.isArray(d.dimension) ? d.dimension[0] : d.dimension
23837
23845
  )
23838
23846
  },
23839
23847
  {
23840
- key: formatOptions.yAxisTitle.yAxisTitleText || d.value,
23848
+ key: formatOptions.yAxisTitle.yAxisTitleHTML !== "" ? new DOMParser().parseFromString(formatOptions.yAxisTitle.yAxisTitleHTML, "text/html").body.textContent?.trim() : d.properties?.currentMeasure ? d.properties.currentMeasure : formatOptions.yAxisTitle.yAxisTitleText || d.value,
23841
23849
  value: getNumberWithFormat(
23842
23850
  [
23843
23851
  chartTypes.NormalizedStackLineChart,
@@ -24309,11 +24317,11 @@
24309
24317
  showTooltipOnMouseMove(
24310
24318
  [
24311
24319
  {
24312
- key: formatOptions.xAxisTitle.xAxisTitleText.includes("~$~") ? formatOptions.xAxisTitle.xAxisTitleText.split("~$~")[1] : formatOptions.xAxisTitle.xAxisTitleText,
24320
+ key: formatOptions.xAxisTitle.xAxisTitleHTML !== "" ? new DOMParser().parseFromString(formatOptions.xAxisTitle.xAxisTitleHTML, "text/html").body.textContent?.trim() : formatOptions.xAxisTitle.xAxisTitleText.includes("~$~") ? formatOptions.xAxisTitle.xAxisTitleText.split("~$~")[1] : formatOptions.xAxisTitle.xAxisTitleText,
24313
24321
  value: chartJSON.formattedDimensionListMap.get(dim)
24314
24322
  },
24315
24323
  {
24316
- key: formatOptions.yAxisTitle.yAxisTitleText || d.value,
24324
+ key: formatOptions.yAxisTitle.yAxisTitleHTML !== "" ? new DOMParser().parseFromString(formatOptions.yAxisTitle.yAxisTitleHTML, "text/html").body.textContent?.trim() : d.properties?.currentMeasure ? d.properties.currentMeasure : formatOptions.yAxisTitle.yAxisTitleText || d.value,
24317
24325
  value: getNumberWithFormat(
24318
24326
  d.data[d.key],
24319
24327
  formatOptions.toolTip.toolTipDisplayUnits,
@@ -25009,11 +25017,11 @@
25009
25017
  showTooltipOnMouseMove(
25010
25018
  [
25011
25019
  {
25012
- key: formatOptions.xAxisTitle.xAxisTitleText.includes("~$~") ? formatOptions.xAxisTitle.xAxisTitleText.split("~$~")[1] : formatOptions.xAxisTitle.xAxisTitleText,
25020
+ key: formatOptions.xAxisTitle.xAxisTitleHTML !== "" ? new DOMParser().parseFromString(formatOptions.xAxisTitle.xAxisTitleHTML, "text/html").body.textContent?.trim() : formatOptions.xAxisTitle.xAxisTitleText.includes("~$~") ? formatOptions.xAxisTitle.xAxisTitleText.split("~$~")[1] : formatOptions.xAxisTitle.xAxisTitleText,
25013
25021
  value: chartJSON.formattedDimensionListMap.get(dim)
25014
25022
  },
25015
25023
  {
25016
- key: formatOptions.yAxisTitle.yAxisTitleText || d.value,
25024
+ key: formatOptions.yAxisTitle.yAxisTitleHTML !== "" ? new DOMParser().parseFromString(formatOptions.yAxisTitle.yAxisTitleHTML, "text/html").body.textContent?.trim() : d.properties?.currentMeasure ? d.properties.currentMeasure : formatOptions.yAxisTitle.yAxisTitleText || d.value,
25017
25025
  value: getNumberWithFormat(
25018
25026
  d[1] - d[0],
25019
25027
  formatOptions.toolTip.toolTipDisplayUnits,
@@ -25504,13 +25512,13 @@
25504
25512
  showTooltipOnMouseMove(
25505
25513
  [
25506
25514
  {
25507
- key: formatOptions.xAxisTitle.xAxisTitleText.includes("~$~") ? formatOptions.xAxisTitle.xAxisTitleText.split("~$~")[1] : formatOptions.xAxisTitle.xAxisTitleText,
25515
+ key: formatOptions.xAxisTitle.xAxisTitleHTML !== "" ? new DOMParser().parseFromString(formatOptions.xAxisTitle.xAxisTitleHTML, "text/html").body.textContent?.trim() : formatOptions.xAxisTitle.xAxisTitleText.includes("~$~") ? formatOptions.xAxisTitle.xAxisTitleText.split("~$~")[1] : formatOptions.xAxisTitle.xAxisTitleText,
25508
25516
  value: chartJSON.formattedDimensionListMap.get(
25509
25517
  Array.isArray(d.dimension) ? d.dimension[0] : d.dimension
25510
25518
  )
25511
25519
  },
25512
25520
  {
25513
- key: formatOptions.yAxisTitle.yAxisTitleText || d.value,
25521
+ key: formatOptions.yAxisTitle.yAxisTitleHTML !== "" ? new DOMParser().parseFromString(formatOptions.yAxisTitle.yAxisTitleHTML, "text/html").body.textContent?.trim() : d.properties?.currentMeasure ? d.properties.currentMeasure : formatOptions.yAxisTitle.yAxisTitleText || d.value,
25514
25522
  value: getNumberWithFormat(
25515
25523
  [
25516
25524
  chartTypes.NormalizedStackLineChart,
@@ -26244,11 +26252,11 @@
26244
26252
  showTooltipOnMouseMove(
26245
26253
  [
26246
26254
  {
26247
- key: formatOptions.yAxisTitle.yAxisTitleText,
26255
+ key: formatOptions.yAxisTitle.yAxisTitleHTML !== "" ? new DOMParser().parseFromString(formatOptions.yAxisTitle.yAxisTitleHTML, "text/html").body.textContent?.trim() : d.properties?.currentMeasure ? d.properties.currentMeasure : formatOptions.yAxisTitle.yAxisTitleText,
26248
26256
  value: `${d["x0"]}-${d["x1"]}`
26249
26257
  },
26250
26258
  {
26251
- key: formatOptions.xAxisTitle.xAxisTitleText,
26259
+ key: formatOptions.xAxisTitle.xAxisTitleHTML !== "" ? new DOMParser().parseFromString(formatOptions.xAxisTitle.xAxisTitleHTML, "text/html").body.textContent?.trim() : formatOptions.xAxisTitle.xAxisTitleText,
26252
26260
  value: getNumberWithFormat(
26253
26261
  formatOptions.toolTip.toolTipNumberFormat == ",.0%" ? Math.abs(d.length / filteredData[0].data.length) : d.length,
26254
26262
  formatOptions.toolTip.toolTipDisplayUnits,
@@ -28283,7 +28291,8 @@
28283
28291
  let rotationAngle = convertStringToNumber(
28284
28292
  chartFormatOptions.plotArea.rotation
28285
28293
  );
28286
- const pie$1 = pie().value((d) => d.data[0].value).startAngle((rotationAngle ?? 0) * (Math.PI / 180) % 360).endAngle(((rotationAngle ?? 0) + 360) * (Math.PI / 180) % 360);
28294
+ const isSingleZeroDataPoint = data.ChartData?.length === 1 && data.ChartData[0]?.data[0]?.value === 0;
28295
+ const pie$1 = pie().value((d) => Math.abs(isSingleZeroDataPoint ? 100 : d.data[0].value)).startAngle((rotationAngle ?? 0) * (Math.PI / 180) % 360).endAngle(((rotationAngle ?? 0) + 360) * (Math.PI / 180) % 360);
28287
28296
  let pieData = pie$1(data.ChartData);
28288
28297
  pieChartData = pieData.map((d, i) => ({
28289
28298
  ...d,
@@ -28692,7 +28701,8 @@
28692
28701
  let rotationAngle = convertStringToNumber(
28693
28702
  chartFormatOptions.plotArea.rotation
28694
28703
  );
28695
- const pie$1 = pie().sort(null).value((d) => d.data[0].value).startAngle((rotationAngle ?? 0) * (Math.PI / 180) % 360).endAngle(((rotationAngle ?? 0) + 360) * (Math.PI / 180) % 360);
28704
+ const isSingleZeroDataPoint = data.ChartData?.length === 1 && data.ChartData[0]?.data[0]?.value === 0;
28705
+ const pie$1 = pie().value((d) => Math.abs(isSingleZeroDataPoint ? 100 : d.data[0].value)).startAngle((rotationAngle ?? 0) * (Math.PI / 180) % 360).endAngle(((rotationAngle ?? 0) + 360) * (Math.PI / 180) % 360);
28696
28706
  let pieData = pie$1(seriesData);
28697
28707
  pieChartData = pieData?.map((d, i) => ({
28698
28708
  ...d,
@@ -55487,7 +55497,7 @@
55487
55497
  showTooltipOnMouseMove(
55488
55498
  [
55489
55499
  {
55490
- key: formatOptions.yAxisTitle.yAxisTitleText,
55500
+ key: formatOptions.yAxisTitle.yAxisTitleHTML !== "" ? new DOMParser().parseFromString(formatOptions.yAxisTitle.yAxisTitleHTML, "text/html").body.textContent?.trim() : d.properties?.currentMeasure ? d.properties.currentMeasure : formatOptions.yAxisTitle.yAxisTitleText,
55491
55501
  value: (d.key === waterfallKeys.up ? "+" : d.key === waterfallKeys.down ? "-" : "") + getNumberWithFormat(
55492
55502
  d.key === waterfallKeys.dimensionTotal ? d.data.dimensionTotal : d[1] - d[0],
55493
55503
  formatOptions.toolTip.toolTipDisplayUnits,
@@ -56156,7 +56166,10 @@
56156
56166
  ).on("mousemove", (event2, d) => {
56157
56167
  showTooltipOnMouseMove(
56158
56168
  [
56159
- { key: "Measure", value: d.dimension },
56169
+ {
56170
+ key: "Measure",
56171
+ value: formatOptions.yAxisTitle.yAxisTitleHTML !== "" ? new DOMParser().parseFromString(formatOptions.yAxisTitle.yAxisTitleHTML, "text/html").body.textContent?.trim() : d.dimension
56172
+ },
56160
56173
  { key: "Legend", value: d.legendText },
56161
56174
  {
56162
56175
  key: "Value",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pace-chart-lib",
3
- "version": "1.0.47",
3
+ "version": "1.0.49",
4
4
  "description": "A simple React + Vite + TS UI library with a Button using custom fonts via SCSS.",
5
5
  "license": "MIT",
6
6
  "type": "module",