pace-chart-lib 1.0.39 → 1.0.40
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.
|
@@ -87,6 +87,7 @@ export declare function responsiveYaxisLabel(Ymax: number, Ymin: number, innerHe
|
|
|
87
87
|
export declare function responsiveXaxisLabelForNumericValue(xMax: number, xMin: number, innerWidth: number, formatOptions: TDefaultChartFormatOptionsType, customXaxisMinValue: number, customXaxisMaxValue: number, innerHeight: number, barChart?: boolean): {
|
|
88
88
|
xAxisLabelArray: any[];
|
|
89
89
|
customTickValue: any;
|
|
90
|
+
autoLabelFlag: boolean;
|
|
90
91
|
};
|
|
91
92
|
export declare function initYaxis(gTag: any, formatOptions: TDefaultChartFormatOptionsType, dataTableHeight: number, yLabel: number, yAxisLeft: any, innerHeight: number): void;
|
|
92
93
|
export declare function initXaxis(gTag: any, formatOptions: TDefaultChartFormatOptionsType, dataTableHeight: number, xLabel: number, xAxis: any, innerHeight: number, innerWidth: number, margins: TChartMargins, yScale: any): void;
|
|
@@ -12683,7 +12683,10 @@ function initXaxis$1(gTag, chartJSON, xLabel, formatOptions, dataTableHeight, yS
|
|
|
12683
12683
|
XaxisG.select(".domain").style("stroke", formatOptions.xAxisLabel.xAxisColor).attr(
|
|
12684
12684
|
"stroke-width",
|
|
12685
12685
|
formatOptions.xAxisLabel.xAxisWidth ? formatOptions.xAxisLabel.xAxisWidth : formatOptions.plotArea.plotAreaBorderThickness
|
|
12686
|
-
).style("shape-rendering", "crispEdges").
|
|
12686
|
+
).style("shape-rendering", "crispEdges").attr(
|
|
12687
|
+
"visibility",
|
|
12688
|
+
formatOptions.xAxisLabel.xAxisLabelVisibility ? "visible" : "hidden"
|
|
12689
|
+
).raise();
|
|
12687
12690
|
return gTag;
|
|
12688
12691
|
} catch (error) {
|
|
12689
12692
|
throw error;
|
|
@@ -14094,7 +14097,7 @@ function addDataTable(isFitChart, svg, currentTag, dataTable, colWidth, yAxis, x
|
|
|
14094
14097
|
{
|
|
14095
14098
|
text = data.properties.legend;
|
|
14096
14099
|
}
|
|
14097
|
-
innerdiv.append("xhtml:div").style("max-width", cellWidth).attr("class", "
|
|
14100
|
+
innerdiv.append("xhtml:div").style("max-width", cellWidth).attr("class", "legendsColumn").style("text-align", "left").style("vertical-align", "middle").style(
|
|
14098
14101
|
"font-size",
|
|
14099
14102
|
formatOptions.dataTableProperties.dataTableFontSize + "px"
|
|
14100
14103
|
).style(
|
|
@@ -14321,9 +14324,9 @@ function getBorderStyle(formatOptions, position, currentCellIndex, totalDimensio
|
|
|
14321
14324
|
borderStyle = `solid solid solid solid`;
|
|
14322
14325
|
borderColor = `black black black black`;
|
|
14323
14326
|
} else if (outerBorder && !innerHorizontalBorder && !innerVerticalBorder) {
|
|
14324
|
-
borderWidth = `${outerBorderLineWidth}px ${
|
|
14325
|
-
borderStyle = `${outerBorderLineStyle}
|
|
14326
|
-
borderColor = `${outerBorderLineColor}
|
|
14327
|
+
borderWidth = `${outerBorderLineWidth}px ${outerBorderLineWidth}px ${0}px ${0}px`;
|
|
14328
|
+
borderStyle = `${outerBorderLineStyle} ${outerBorderLineStyle} solid solid`;
|
|
14329
|
+
borderColor = `${outerBorderLineColor} ${outerBorderLineColor} black black`;
|
|
14327
14330
|
} else if (outerBorder && !innerHorizontalBorder && innerVerticalBorder) {
|
|
14328
14331
|
borderWidth = `${outerBorderLineWidth}px ${outerBorderLineWidth}px ${0}px ${0}px`;
|
|
14329
14332
|
borderStyle = `${outerBorderLineStyle} ${outerBorderLineStyle} solid solid`;
|
|
@@ -14339,7 +14342,7 @@ function getBorderStyle(formatOptions, position, currentCellIndex, totalDimensio
|
|
|
14339
14342
|
} else if (!outerBorder && !innerHorizontalBorder && innerVerticalBorder) {
|
|
14340
14343
|
borderWidth = `${0}px ${0}px ${0}px ${0}px`;
|
|
14341
14344
|
borderStyle = `solid solid solid solid`;
|
|
14342
|
-
borderColor = `black
|
|
14345
|
+
borderColor = `black black black black`;
|
|
14343
14346
|
} else if (!outerBorder && innerHorizontalBorder && !innerVerticalBorder) {
|
|
14344
14347
|
borderWidth = `${0}px ${0}px ${outerBorderLineWidth}px ${0}px`;
|
|
14345
14348
|
borderStyle = `solid solid ${outerBorderLineStyle} solid`;
|
|
@@ -14403,11 +14406,11 @@ function getBorderStyle(formatOptions, position, currentCellIndex, totalDimensio
|
|
|
14403
14406
|
borderStyle = `${outerBorderLineStyle} ${innerVerticalBorderLineStyle} ${outerBorderLineStyle} ${outerBorderLineStyle}`;
|
|
14404
14407
|
borderColor = `${outerBorderLineColor} ${innerVerticalBorderLineColor} ${outerBorderLineColor} ${outerBorderLineColor}`;
|
|
14405
14408
|
} else if (!outerBorder && innerHorizontalBorder && innerVerticalBorder) {
|
|
14406
|
-
borderWidth = `${0}px ${
|
|
14409
|
+
borderWidth = `${0}px ${innerVerticalBorderLineWidth}px ${0}px ${0}px`;
|
|
14407
14410
|
borderStyle = `solid ${innerVerticalBorderLineStyle} solid solid`;
|
|
14408
14411
|
borderColor = `black ${innerVerticalBorderLineColor} black black`;
|
|
14409
14412
|
} else if (!outerBorder && !innerHorizontalBorder && innerVerticalBorder) {
|
|
14410
|
-
borderWidth = `${0}px ${
|
|
14413
|
+
borderWidth = `${0}px ${innerVerticalBorderLineWidth}px ${0}px ${0}px`;
|
|
14411
14414
|
borderStyle = `solid ${innerVerticalBorderLineStyle} solid solid`;
|
|
14412
14415
|
borderColor = `black ${innerVerticalBorderLineColor} black black`;
|
|
14413
14416
|
} else if (!outerBorder && innerHorizontalBorder && !innerVerticalBorder) {
|
|
@@ -14425,15 +14428,15 @@ function getBorderStyle(formatOptions, position, currentCellIndex, totalDimensio
|
|
|
14425
14428
|
borderStyle = `solid solid solid solid`;
|
|
14426
14429
|
borderColor = `black black black black`;
|
|
14427
14430
|
} else if (outerBorder && !innerHorizontalBorder && !innerVerticalBorder) {
|
|
14428
|
-
borderWidth = `${0}px ${
|
|
14431
|
+
borderWidth = `${0}px ${outerBorderLineWidth}px ${0}px ${0}px`;
|
|
14429
14432
|
borderStyle = `solid ${outerBorderLineStyle} solid solid`;
|
|
14430
14433
|
borderColor = `black ${outerBorderLineColor} black black`;
|
|
14431
14434
|
} else if (outerBorder && !innerHorizontalBorder && innerVerticalBorder) {
|
|
14432
|
-
borderWidth = `${0}px ${
|
|
14435
|
+
borderWidth = `${0}px ${outerBorderLineWidth}px ${0}px ${0}px`;
|
|
14433
14436
|
borderStyle = `solid ${outerBorderLineStyle} solid solid`;
|
|
14434
14437
|
borderColor = `black ${outerBorderLineColor} black black`;
|
|
14435
14438
|
} else if (outerBorder && innerHorizontalBorder && innerVerticalBorder) {
|
|
14436
|
-
borderWidth = `${0}px ${
|
|
14439
|
+
borderWidth = `${0}px ${outerBorderLineWidth}px ${outerBorderLineWidth}px ${0}px`;
|
|
14437
14440
|
borderStyle = `solid ${outerBorderLineStyle} ${outerBorderLineStyle} solid`;
|
|
14438
14441
|
borderColor = `black ${outerBorderLineColor} ${outerBorderLineColor} black`;
|
|
14439
14442
|
} else if (!outerBorder && innerHorizontalBorder && innerVerticalBorder) {
|
|
@@ -14449,10 +14452,44 @@ function getBorderStyle(formatOptions, position, currentCellIndex, totalDimensio
|
|
|
14449
14452
|
borderStyle = `solid solid solid solid`;
|
|
14450
14453
|
borderColor = `black black black black`;
|
|
14451
14454
|
} else if (outerBorder && innerHorizontalBorder && !innerVerticalBorder) {
|
|
14452
|
-
borderWidth = `${0}px ${
|
|
14455
|
+
borderWidth = `${0}px ${outerBorderLineWidth}px ${outerBorderLineWidth}px ${0}px`;
|
|
14453
14456
|
borderStyle = `solid ${outerBorderLineStyle} ${outerBorderLineStyle} solid`;
|
|
14454
14457
|
borderColor = `black ${outerBorderLineColor} ${outerBorderLineColor} black`;
|
|
14455
14458
|
}
|
|
14459
|
+
} else if (position == 0 && currentCellIndex == 0) {
|
|
14460
|
+
if (!outerBorder && !innerHorizontalBorder && !innerVerticalBorder) {
|
|
14461
|
+
borderWidth = `${0}px ${0}px ${0}px ${0}px`;
|
|
14462
|
+
borderStyle = `solid solid solid solid`;
|
|
14463
|
+
borderColor = `black black black black`;
|
|
14464
|
+
} else if (outerBorder && !innerHorizontalBorder && !innerVerticalBorder) {
|
|
14465
|
+
borderWidth = `${0}px ${0}px ${outerBorderLineWidth}px ${0}px`;
|
|
14466
|
+
borderStyle = `solid solid ${outerBorderLineStyle} solid`;
|
|
14467
|
+
borderColor = `black black ${outerBorderLineColor} black`;
|
|
14468
|
+
} else if (outerBorder && !innerHorizontalBorder && innerVerticalBorder) {
|
|
14469
|
+
borderWidth = `${0}px ${innerVerticalBorderLineWidth}px ${outerBorderLineWidth}px ${innerVerticalBorderLineWidth}px`;
|
|
14470
|
+
borderStyle = `solid ${innerVerticalBorderLineStyle} ${outerBorderLineStyle} ${innerVerticalBorderLineStyle}`;
|
|
14471
|
+
borderColor = `black ${innerVerticalBorderLineColor} ${outerBorderLineColor} ${innerVerticalBorderLineColor}`;
|
|
14472
|
+
} else if (outerBorder && innerHorizontalBorder && innerVerticalBorder) {
|
|
14473
|
+
borderWidth = `${0}px ${innerVerticalBorderLineWidth}px ${outerBorderLineWidth}px ${innerVerticalBorderLineWidth}px`;
|
|
14474
|
+
borderStyle = `solid ${innerVerticalBorderLineStyle} ${outerBorderLineStyle} ${innerVerticalBorderLineStyle}`;
|
|
14475
|
+
borderColor = `black ${innerVerticalBorderLineColor} ${outerBorderLineColor} ${innerVerticalBorderLineColor}`;
|
|
14476
|
+
} else if (!outerBorder && innerHorizontalBorder && innerVerticalBorder) {
|
|
14477
|
+
borderWidth = `${0}px ${innerVerticalBorderLineWidth}px ${0}px ${innerVerticalBorderLineWidth}px`;
|
|
14478
|
+
borderStyle = `solid ${innerVerticalBorderLineStyle} solid ${innerVerticalBorderLineStyle}`;
|
|
14479
|
+
borderColor = `black ${innerVerticalBorderLineColor} black ${innerVerticalBorderLineColor}`;
|
|
14480
|
+
} else if (!outerBorder && !innerHorizontalBorder && innerVerticalBorder) {
|
|
14481
|
+
borderWidth = `${0}px ${innerVerticalBorderLineWidth}px ${0}px ${innerVerticalBorderLineWidth}px`;
|
|
14482
|
+
borderStyle = `solid ${innerVerticalBorderLineStyle} solid ${innerVerticalBorderLineStyle}`;
|
|
14483
|
+
borderColor = `black ${innerVerticalBorderLineColor} black ${innerVerticalBorderLineColor}`;
|
|
14484
|
+
} else if (!outerBorder && innerHorizontalBorder && !innerVerticalBorder) {
|
|
14485
|
+
borderWidth = `${0}px ${0}px ${0}px ${0}px`;
|
|
14486
|
+
borderStyle = `solid solid solid solid`;
|
|
14487
|
+
borderColor = `black black black black`;
|
|
14488
|
+
} else if (outerBorder && innerHorizontalBorder && !innerVerticalBorder) {
|
|
14489
|
+
borderWidth = `${0}px ${0}px ${outerBorderLineWidth}px ${0}px`;
|
|
14490
|
+
borderStyle = `solid solid ${outerBorderLineStyle} solid`;
|
|
14491
|
+
borderColor = `black black ${outerBorderLineColor} black`;
|
|
14492
|
+
}
|
|
14456
14493
|
} else {
|
|
14457
14494
|
if (!outerBorder && !innerHorizontalBorder && !innerVerticalBorder) {
|
|
14458
14495
|
borderWidth = `${0}px ${0}px ${0}px ${0}px`;
|
|
@@ -14467,15 +14504,15 @@ function getBorderStyle(formatOptions, position, currentCellIndex, totalDimensio
|
|
|
14467
14504
|
borderStyle = `solid ${innerVerticalBorderLineStyle} ${outerBorderLineStyle} solid`;
|
|
14468
14505
|
borderColor = `black ${innerVerticalBorderLineColor} ${outerBorderLineColor} black`;
|
|
14469
14506
|
} else if (outerBorder && innerHorizontalBorder && innerVerticalBorder) {
|
|
14470
|
-
borderWidth = `${0}px ${
|
|
14507
|
+
borderWidth = `${0}px ${innerVerticalBorderLineWidth}px ${outerBorderLineWidth}px ${0}px`;
|
|
14471
14508
|
borderStyle = `solid ${innerVerticalBorderLineStyle} ${outerBorderLineStyle} solid`;
|
|
14472
14509
|
borderColor = `black ${innerVerticalBorderLineColor} ${outerBorderLineColor} black`;
|
|
14473
14510
|
} else if (!outerBorder && innerHorizontalBorder && innerVerticalBorder) {
|
|
14474
|
-
borderWidth = `${0}px ${
|
|
14511
|
+
borderWidth = `${0}px ${innerVerticalBorderLineWidth}px ${0}px ${0}px`;
|
|
14475
14512
|
borderStyle = `solid ${innerVerticalBorderLineStyle} solid solid`;
|
|
14476
14513
|
borderColor = `black ${innerVerticalBorderLineColor} black black`;
|
|
14477
14514
|
} else if (!outerBorder && !innerHorizontalBorder && innerVerticalBorder) {
|
|
14478
|
-
borderWidth = `${0}px ${
|
|
14515
|
+
borderWidth = `${0}px ${innerVerticalBorderLineWidth}px ${0}px ${0}px`;
|
|
14479
14516
|
borderStyle = `solid ${innerVerticalBorderLineStyle} solid solid`;
|
|
14480
14517
|
borderColor = `black ${innerVerticalBorderLineColor} black black`;
|
|
14481
14518
|
} else if (!outerBorder && innerHorizontalBorder && !innerVerticalBorder) {
|
|
@@ -14511,7 +14548,7 @@ function getBorderStyle(formatOptions, position, currentCellIndex, totalDimensio
|
|
|
14511
14548
|
borderStyle = `solid ${innerVerticalBorderLineStyle} ${innerHorizontalBorderLineStyle} solid`;
|
|
14512
14549
|
borderColor = `black ${innerVerticalBorderLineColor} ${innerHorizontalBorderLineColor} black`;
|
|
14513
14550
|
} else if (!outerBorder && !innerHorizontalBorder && innerVerticalBorder) {
|
|
14514
|
-
borderWidth = `${0}px ${
|
|
14551
|
+
borderWidth = `${0}px ${innerVerticalBorderLineWidth}px ${0}px ${0}px`;
|
|
14515
14552
|
borderStyle = `solid ${innerVerticalBorderLineStyle} solid solid`;
|
|
14516
14553
|
borderColor = `black ${innerVerticalBorderLineColor} black black`;
|
|
14517
14554
|
} else if (!outerBorder && innerHorizontalBorder && !innerVerticalBorder) {
|
|
@@ -14541,11 +14578,11 @@ function getBorderStyle(formatOptions, position, currentCellIndex, totalDimensio
|
|
|
14541
14578
|
borderStyle = `solid ${innerVerticalBorderLineStyle} ${outerBorderLineStyle} ${outerBorderLineStyle}`;
|
|
14542
14579
|
borderColor = `black ${innerVerticalBorderLineColor} ${outerBorderLineColor} ${outerBorderLineColor}`;
|
|
14543
14580
|
} else if (!outerBorder && innerHorizontalBorder && innerVerticalBorder) {
|
|
14544
|
-
borderWidth = `${0}px ${
|
|
14581
|
+
borderWidth = `${0}px ${innerVerticalBorderLineWidth}px ${0}px ${0}px`;
|
|
14545
14582
|
borderStyle = `solid ${innerVerticalBorderLineStyle} solid solid`;
|
|
14546
14583
|
borderColor = `black ${innerVerticalBorderLineColor} black black`;
|
|
14547
14584
|
} else if (!outerBorder && !innerHorizontalBorder && innerVerticalBorder) {
|
|
14548
|
-
borderWidth = `${0}px ${
|
|
14585
|
+
borderWidth = `${0}px ${innerVerticalBorderLineWidth}px ${0}px ${0}px`;
|
|
14549
14586
|
borderStyle = `solid ${innerVerticalBorderLineStyle} solid solid`;
|
|
14550
14587
|
borderColor = `black ${innerVerticalBorderLineColor} black black`;
|
|
14551
14588
|
} else if (!outerBorder && innerHorizontalBorder && !innerVerticalBorder) {
|
|
@@ -14564,8 +14601,8 @@ function getBorderStyle(formatOptions, position, currentCellIndex, totalDimensio
|
|
|
14564
14601
|
borderColor = `black black black black`;
|
|
14565
14602
|
} else if (outerBorder && !innerHorizontalBorder && !innerVerticalBorder) {
|
|
14566
14603
|
borderWidth = `${0}px ${0}px ${0}px ${outerBorderLineWidth}px`;
|
|
14567
|
-
borderStyle =
|
|
14568
|
-
borderColor =
|
|
14604
|
+
borderStyle = `solid solid solid ${outerBorderLineStyle}`;
|
|
14605
|
+
borderColor = `black black black ${outerBorderLineColor}`;
|
|
14569
14606
|
} else if (outerBorder && !innerHorizontalBorder && innerVerticalBorder) {
|
|
14570
14607
|
borderWidth = `${0}px ${0}px ${0}px ${outerBorderLineWidth}px`;
|
|
14571
14608
|
borderStyle = `solid solid solid ${outerBorderLineStyle}`;
|
|
@@ -14736,7 +14773,7 @@ function getBorderStyle(formatOptions, position, currentCellIndex, totalDimensio
|
|
|
14736
14773
|
borderStyle = `solid solid solid solid`;
|
|
14737
14774
|
borderColor = `black black black black`;
|
|
14738
14775
|
} else if (outerBorder && !innerHorizontalBorder && !innerVerticalBorder) {
|
|
14739
|
-
borderWidth = `${0}px ${outerBorderLineWidth}px ${outerBorderLineWidth}px ${
|
|
14776
|
+
borderWidth = `${0}px ${outerBorderLineWidth}px ${outerBorderLineWidth}px ${0}px`;
|
|
14740
14777
|
borderStyle = `solid ${outerBorderLineStyle} ${outerBorderLineStyle} solid`;
|
|
14741
14778
|
borderColor = `black ${outerBorderLineColor} ${outerBorderLineColor} black`;
|
|
14742
14779
|
} else if (outerBorder && !innerHorizontalBorder && innerVerticalBorder) {
|
|
@@ -20743,6 +20780,7 @@ function responsiveYaxisLabel(Ymax, Ymin, innerHeight2, formatOptions, customYax
|
|
|
20743
20780
|
}
|
|
20744
20781
|
function responsiveXaxisLabelForNumericValue(xMax, xMin, innerWidth2, formatOptions, customXaxisMinValue, customXaxisMaxValue, innerHeight2, barChart) {
|
|
20745
20782
|
try {
|
|
20783
|
+
let autoLabelFlag = true;
|
|
20746
20784
|
let customXaxisIntervalValue = parseFloat(
|
|
20747
20785
|
formatOptions.xAxisLabel.xAxisIntervalText
|
|
20748
20786
|
);
|
|
@@ -20762,6 +20800,7 @@ function responsiveXaxisLabelForNumericValue(xMax, xMin, innerWidth2, formatOpti
|
|
|
20762
20800
|
customXaxisMaxValue || customXaxisMaxValue == 0 ? xMax = customXaxisMaxValue : "";
|
|
20763
20801
|
let tickvalue = customXaxisMinValue || customXaxisMinValue == 0 ? customXaxisMinValue : xMin < 0 ? Math.round(xMin) : 0;
|
|
20764
20802
|
xAxisLabelArray.push(tickvalue);
|
|
20803
|
+
autoLabelFlag = false;
|
|
20765
20804
|
if (customTickValue > 100) {
|
|
20766
20805
|
let message = "Tick count cannot exceed more than 100.";
|
|
20767
20806
|
if (minValue < 0) {
|
|
@@ -20801,7 +20840,7 @@ function responsiveXaxisLabelForNumericValue(xMax, xMin, innerWidth2, formatOpti
|
|
|
20801
20840
|
);
|
|
20802
20841
|
customTickValue = innerWidth2 / 30;
|
|
20803
20842
|
}
|
|
20804
|
-
return { xAxisLabelArray, customTickValue };
|
|
20843
|
+
return { xAxisLabelArray, customTickValue, autoLabelFlag };
|
|
20805
20844
|
} catch (e) {
|
|
20806
20845
|
logError$1(fileName$a, "responsiveXaxisLabel", e);
|
|
20807
20846
|
}
|
|
@@ -53704,6 +53743,7 @@ const BubbleChart = ({
|
|
|
53704
53743
|
const svgRef = useRef();
|
|
53705
53744
|
let chartFormatOptions;
|
|
53706
53745
|
let maxLegendDimensions = [0, 0];
|
|
53746
|
+
const chartType = chartTypes.BubbleChart;
|
|
53707
53747
|
let width;
|
|
53708
53748
|
let height;
|
|
53709
53749
|
let chartTitleHeight = 40;
|
|
@@ -53790,6 +53830,14 @@ const BubbleChart = ({
|
|
|
53790
53830
|
));
|
|
53791
53831
|
initSvg(svgRef, width, height, chartFormatOptions);
|
|
53792
53832
|
chartAreaTagG = initChartArea(svg, margins);
|
|
53833
|
+
initPlotArea(
|
|
53834
|
+
chartAreaTagG,
|
|
53835
|
+
formatOptions,
|
|
53836
|
+
0,
|
|
53837
|
+
innerWidth2,
|
|
53838
|
+
innerHeight2,
|
|
53839
|
+
chartType
|
|
53840
|
+
);
|
|
53793
53841
|
drawChartTitle(svgRef, chartTitleHeight, width, chartFormatOptions);
|
|
53794
53842
|
initScale();
|
|
53795
53843
|
drawXAxis();
|
|
@@ -53951,14 +53999,14 @@ const BubbleChart = ({
|
|
|
53951
53999
|
};
|
|
53952
54000
|
const drawXAxis = () => {
|
|
53953
54001
|
try {
|
|
53954
|
-
let { xAxisLabelArray, customTickValue } = responsiveXaxisLabelForNumericValue(
|
|
54002
|
+
let { xAxisLabelArray, customTickValue, autoLabelFlag } = responsiveXaxisLabelForNumericValue(
|
|
53955
54003
|
maxDimension,
|
|
53956
54004
|
minDimension,
|
|
53957
54005
|
innerWidth2,
|
|
53958
54006
|
formatOptions,
|
|
53959
54007
|
customXaxisMinValue,
|
|
53960
54008
|
customXaxisMaxValue,
|
|
53961
|
-
|
|
54009
|
+
innerWidth2,
|
|
53962
54010
|
false
|
|
53963
54011
|
);
|
|
53964
54012
|
const xAxis = axisBottom(xScale).tickFormat(
|
|
@@ -53969,7 +54017,7 @@ const BubbleChart = ({
|
|
|
53969
54017
|
)
|
|
53970
54018
|
).tickSize(
|
|
53971
54019
|
chartFormatOptions.plotArea.gridLinesVisibility ? chartFormatOptions.plotArea.gridLinesVertical ? chartFormatOptions.xAxisLabel.xAxisPosition === "0" ? -innerHeight2 : chartFormatOptions.xAxisLabel.xAxisPosition === "1" ? innerHeight2 : 0 : 0 : 0
|
|
53972
|
-
).tickValues(xAxisLabelArray.length > 0 ? xAxisLabelArray : null).ticks(customTickValue).tickPadding(8).tickSizeOuter(0);
|
|
54020
|
+
).tickValues(autoLabelFlag ? void 0 : xAxisLabelArray.length > 0 ? xAxisLabelArray : null).ticks(customTickValue).tickPadding(8).tickSizeOuter(0);
|
|
53973
54021
|
initXaxis(
|
|
53974
54022
|
chartAreaTagG,
|
|
53975
54023
|
chartFormatOptions,
|
|
@@ -12686,7 +12686,10 @@
|
|
|
12686
12686
|
XaxisG.select(".domain").style("stroke", formatOptions.xAxisLabel.xAxisColor).attr(
|
|
12687
12687
|
"stroke-width",
|
|
12688
12688
|
formatOptions.xAxisLabel.xAxisWidth ? formatOptions.xAxisLabel.xAxisWidth : formatOptions.plotArea.plotAreaBorderThickness
|
|
12689
|
-
).style("shape-rendering", "crispEdges").
|
|
12689
|
+
).style("shape-rendering", "crispEdges").attr(
|
|
12690
|
+
"visibility",
|
|
12691
|
+
formatOptions.xAxisLabel.xAxisLabelVisibility ? "visible" : "hidden"
|
|
12692
|
+
).raise();
|
|
12690
12693
|
return gTag;
|
|
12691
12694
|
} catch (error) {
|
|
12692
12695
|
throw error;
|
|
@@ -14097,7 +14100,7 @@
|
|
|
14097
14100
|
{
|
|
14098
14101
|
text = data.properties.legend;
|
|
14099
14102
|
}
|
|
14100
|
-
innerdiv.append("xhtml:div").style("max-width", cellWidth).attr("class", "
|
|
14103
|
+
innerdiv.append("xhtml:div").style("max-width", cellWidth).attr("class", "legendsColumn").style("text-align", "left").style("vertical-align", "middle").style(
|
|
14101
14104
|
"font-size",
|
|
14102
14105
|
formatOptions.dataTableProperties.dataTableFontSize + "px"
|
|
14103
14106
|
).style(
|
|
@@ -14324,9 +14327,9 @@
|
|
|
14324
14327
|
borderStyle = `solid solid solid solid`;
|
|
14325
14328
|
borderColor = `black black black black`;
|
|
14326
14329
|
} else if (outerBorder && !innerHorizontalBorder && !innerVerticalBorder) {
|
|
14327
|
-
borderWidth = `${outerBorderLineWidth}px ${
|
|
14328
|
-
borderStyle = `${outerBorderLineStyle}
|
|
14329
|
-
borderColor = `${outerBorderLineColor}
|
|
14330
|
+
borderWidth = `${outerBorderLineWidth}px ${outerBorderLineWidth}px ${0}px ${0}px`;
|
|
14331
|
+
borderStyle = `${outerBorderLineStyle} ${outerBorderLineStyle} solid solid`;
|
|
14332
|
+
borderColor = `${outerBorderLineColor} ${outerBorderLineColor} black black`;
|
|
14330
14333
|
} else if (outerBorder && !innerHorizontalBorder && innerVerticalBorder) {
|
|
14331
14334
|
borderWidth = `${outerBorderLineWidth}px ${outerBorderLineWidth}px ${0}px ${0}px`;
|
|
14332
14335
|
borderStyle = `${outerBorderLineStyle} ${outerBorderLineStyle} solid solid`;
|
|
@@ -14342,7 +14345,7 @@
|
|
|
14342
14345
|
} else if (!outerBorder && !innerHorizontalBorder && innerVerticalBorder) {
|
|
14343
14346
|
borderWidth = `${0}px ${0}px ${0}px ${0}px`;
|
|
14344
14347
|
borderStyle = `solid solid solid solid`;
|
|
14345
|
-
borderColor = `black
|
|
14348
|
+
borderColor = `black black black black`;
|
|
14346
14349
|
} else if (!outerBorder && innerHorizontalBorder && !innerVerticalBorder) {
|
|
14347
14350
|
borderWidth = `${0}px ${0}px ${outerBorderLineWidth}px ${0}px`;
|
|
14348
14351
|
borderStyle = `solid solid ${outerBorderLineStyle} solid`;
|
|
@@ -14406,11 +14409,11 @@
|
|
|
14406
14409
|
borderStyle = `${outerBorderLineStyle} ${innerVerticalBorderLineStyle} ${outerBorderLineStyle} ${outerBorderLineStyle}`;
|
|
14407
14410
|
borderColor = `${outerBorderLineColor} ${innerVerticalBorderLineColor} ${outerBorderLineColor} ${outerBorderLineColor}`;
|
|
14408
14411
|
} else if (!outerBorder && innerHorizontalBorder && innerVerticalBorder) {
|
|
14409
|
-
borderWidth = `${0}px ${
|
|
14412
|
+
borderWidth = `${0}px ${innerVerticalBorderLineWidth}px ${0}px ${0}px`;
|
|
14410
14413
|
borderStyle = `solid ${innerVerticalBorderLineStyle} solid solid`;
|
|
14411
14414
|
borderColor = `black ${innerVerticalBorderLineColor} black black`;
|
|
14412
14415
|
} else if (!outerBorder && !innerHorizontalBorder && innerVerticalBorder) {
|
|
14413
|
-
borderWidth = `${0}px ${
|
|
14416
|
+
borderWidth = `${0}px ${innerVerticalBorderLineWidth}px ${0}px ${0}px`;
|
|
14414
14417
|
borderStyle = `solid ${innerVerticalBorderLineStyle} solid solid`;
|
|
14415
14418
|
borderColor = `black ${innerVerticalBorderLineColor} black black`;
|
|
14416
14419
|
} else if (!outerBorder && innerHorizontalBorder && !innerVerticalBorder) {
|
|
@@ -14428,15 +14431,15 @@
|
|
|
14428
14431
|
borderStyle = `solid solid solid solid`;
|
|
14429
14432
|
borderColor = `black black black black`;
|
|
14430
14433
|
} else if (outerBorder && !innerHorizontalBorder && !innerVerticalBorder) {
|
|
14431
|
-
borderWidth = `${0}px ${
|
|
14434
|
+
borderWidth = `${0}px ${outerBorderLineWidth}px ${0}px ${0}px`;
|
|
14432
14435
|
borderStyle = `solid ${outerBorderLineStyle} solid solid`;
|
|
14433
14436
|
borderColor = `black ${outerBorderLineColor} black black`;
|
|
14434
14437
|
} else if (outerBorder && !innerHorizontalBorder && innerVerticalBorder) {
|
|
14435
|
-
borderWidth = `${0}px ${
|
|
14438
|
+
borderWidth = `${0}px ${outerBorderLineWidth}px ${0}px ${0}px`;
|
|
14436
14439
|
borderStyle = `solid ${outerBorderLineStyle} solid solid`;
|
|
14437
14440
|
borderColor = `black ${outerBorderLineColor} black black`;
|
|
14438
14441
|
} else if (outerBorder && innerHorizontalBorder && innerVerticalBorder) {
|
|
14439
|
-
borderWidth = `${0}px ${
|
|
14442
|
+
borderWidth = `${0}px ${outerBorderLineWidth}px ${outerBorderLineWidth}px ${0}px`;
|
|
14440
14443
|
borderStyle = `solid ${outerBorderLineStyle} ${outerBorderLineStyle} solid`;
|
|
14441
14444
|
borderColor = `black ${outerBorderLineColor} ${outerBorderLineColor} black`;
|
|
14442
14445
|
} else if (!outerBorder && innerHorizontalBorder && innerVerticalBorder) {
|
|
@@ -14452,10 +14455,44 @@
|
|
|
14452
14455
|
borderStyle = `solid solid solid solid`;
|
|
14453
14456
|
borderColor = `black black black black`;
|
|
14454
14457
|
} else if (outerBorder && innerHorizontalBorder && !innerVerticalBorder) {
|
|
14455
|
-
borderWidth = `${0}px ${
|
|
14458
|
+
borderWidth = `${0}px ${outerBorderLineWidth}px ${outerBorderLineWidth}px ${0}px`;
|
|
14456
14459
|
borderStyle = `solid ${outerBorderLineStyle} ${outerBorderLineStyle} solid`;
|
|
14457
14460
|
borderColor = `black ${outerBorderLineColor} ${outerBorderLineColor} black`;
|
|
14458
14461
|
}
|
|
14462
|
+
} else if (position == 0 && currentCellIndex == 0) {
|
|
14463
|
+
if (!outerBorder && !innerHorizontalBorder && !innerVerticalBorder) {
|
|
14464
|
+
borderWidth = `${0}px ${0}px ${0}px ${0}px`;
|
|
14465
|
+
borderStyle = `solid solid solid solid`;
|
|
14466
|
+
borderColor = `black black black black`;
|
|
14467
|
+
} else if (outerBorder && !innerHorizontalBorder && !innerVerticalBorder) {
|
|
14468
|
+
borderWidth = `${0}px ${0}px ${outerBorderLineWidth}px ${0}px`;
|
|
14469
|
+
borderStyle = `solid solid ${outerBorderLineStyle} solid`;
|
|
14470
|
+
borderColor = `black black ${outerBorderLineColor} black`;
|
|
14471
|
+
} else if (outerBorder && !innerHorizontalBorder && innerVerticalBorder) {
|
|
14472
|
+
borderWidth = `${0}px ${innerVerticalBorderLineWidth}px ${outerBorderLineWidth}px ${innerVerticalBorderLineWidth}px`;
|
|
14473
|
+
borderStyle = `solid ${innerVerticalBorderLineStyle} ${outerBorderLineStyle} ${innerVerticalBorderLineStyle}`;
|
|
14474
|
+
borderColor = `black ${innerVerticalBorderLineColor} ${outerBorderLineColor} ${innerVerticalBorderLineColor}`;
|
|
14475
|
+
} else if (outerBorder && innerHorizontalBorder && innerVerticalBorder) {
|
|
14476
|
+
borderWidth = `${0}px ${innerVerticalBorderLineWidth}px ${outerBorderLineWidth}px ${innerVerticalBorderLineWidth}px`;
|
|
14477
|
+
borderStyle = `solid ${innerVerticalBorderLineStyle} ${outerBorderLineStyle} ${innerVerticalBorderLineStyle}`;
|
|
14478
|
+
borderColor = `black ${innerVerticalBorderLineColor} ${outerBorderLineColor} ${innerVerticalBorderLineColor}`;
|
|
14479
|
+
} else if (!outerBorder && innerHorizontalBorder && innerVerticalBorder) {
|
|
14480
|
+
borderWidth = `${0}px ${innerVerticalBorderLineWidth}px ${0}px ${innerVerticalBorderLineWidth}px`;
|
|
14481
|
+
borderStyle = `solid ${innerVerticalBorderLineStyle} solid ${innerVerticalBorderLineStyle}`;
|
|
14482
|
+
borderColor = `black ${innerVerticalBorderLineColor} black ${innerVerticalBorderLineColor}`;
|
|
14483
|
+
} else if (!outerBorder && !innerHorizontalBorder && innerVerticalBorder) {
|
|
14484
|
+
borderWidth = `${0}px ${innerVerticalBorderLineWidth}px ${0}px ${innerVerticalBorderLineWidth}px`;
|
|
14485
|
+
borderStyle = `solid ${innerVerticalBorderLineStyle} solid ${innerVerticalBorderLineStyle}`;
|
|
14486
|
+
borderColor = `black ${innerVerticalBorderLineColor} black ${innerVerticalBorderLineColor}`;
|
|
14487
|
+
} else if (!outerBorder && innerHorizontalBorder && !innerVerticalBorder) {
|
|
14488
|
+
borderWidth = `${0}px ${0}px ${0}px ${0}px`;
|
|
14489
|
+
borderStyle = `solid solid solid solid`;
|
|
14490
|
+
borderColor = `black black black black`;
|
|
14491
|
+
} else if (outerBorder && innerHorizontalBorder && !innerVerticalBorder) {
|
|
14492
|
+
borderWidth = `${0}px ${0}px ${outerBorderLineWidth}px ${0}px`;
|
|
14493
|
+
borderStyle = `solid solid ${outerBorderLineStyle} solid`;
|
|
14494
|
+
borderColor = `black black ${outerBorderLineColor} black`;
|
|
14495
|
+
}
|
|
14459
14496
|
} else {
|
|
14460
14497
|
if (!outerBorder && !innerHorizontalBorder && !innerVerticalBorder) {
|
|
14461
14498
|
borderWidth = `${0}px ${0}px ${0}px ${0}px`;
|
|
@@ -14470,15 +14507,15 @@
|
|
|
14470
14507
|
borderStyle = `solid ${innerVerticalBorderLineStyle} ${outerBorderLineStyle} solid`;
|
|
14471
14508
|
borderColor = `black ${innerVerticalBorderLineColor} ${outerBorderLineColor} black`;
|
|
14472
14509
|
} else if (outerBorder && innerHorizontalBorder && innerVerticalBorder) {
|
|
14473
|
-
borderWidth = `${0}px ${
|
|
14510
|
+
borderWidth = `${0}px ${innerVerticalBorderLineWidth}px ${outerBorderLineWidth}px ${0}px`;
|
|
14474
14511
|
borderStyle = `solid ${innerVerticalBorderLineStyle} ${outerBorderLineStyle} solid`;
|
|
14475
14512
|
borderColor = `black ${innerVerticalBorderLineColor} ${outerBorderLineColor} black`;
|
|
14476
14513
|
} else if (!outerBorder && innerHorizontalBorder && innerVerticalBorder) {
|
|
14477
|
-
borderWidth = `${0}px ${
|
|
14514
|
+
borderWidth = `${0}px ${innerVerticalBorderLineWidth}px ${0}px ${0}px`;
|
|
14478
14515
|
borderStyle = `solid ${innerVerticalBorderLineStyle} solid solid`;
|
|
14479
14516
|
borderColor = `black ${innerVerticalBorderLineColor} black black`;
|
|
14480
14517
|
} else if (!outerBorder && !innerHorizontalBorder && innerVerticalBorder) {
|
|
14481
|
-
borderWidth = `${0}px ${
|
|
14518
|
+
borderWidth = `${0}px ${innerVerticalBorderLineWidth}px ${0}px ${0}px`;
|
|
14482
14519
|
borderStyle = `solid ${innerVerticalBorderLineStyle} solid solid`;
|
|
14483
14520
|
borderColor = `black ${innerVerticalBorderLineColor} black black`;
|
|
14484
14521
|
} else if (!outerBorder && innerHorizontalBorder && !innerVerticalBorder) {
|
|
@@ -14514,7 +14551,7 @@
|
|
|
14514
14551
|
borderStyle = `solid ${innerVerticalBorderLineStyle} ${innerHorizontalBorderLineStyle} solid`;
|
|
14515
14552
|
borderColor = `black ${innerVerticalBorderLineColor} ${innerHorizontalBorderLineColor} black`;
|
|
14516
14553
|
} else if (!outerBorder && !innerHorizontalBorder && innerVerticalBorder) {
|
|
14517
|
-
borderWidth = `${0}px ${
|
|
14554
|
+
borderWidth = `${0}px ${innerVerticalBorderLineWidth}px ${0}px ${0}px`;
|
|
14518
14555
|
borderStyle = `solid ${innerVerticalBorderLineStyle} solid solid`;
|
|
14519
14556
|
borderColor = `black ${innerVerticalBorderLineColor} black black`;
|
|
14520
14557
|
} else if (!outerBorder && innerHorizontalBorder && !innerVerticalBorder) {
|
|
@@ -14544,11 +14581,11 @@
|
|
|
14544
14581
|
borderStyle = `solid ${innerVerticalBorderLineStyle} ${outerBorderLineStyle} ${outerBorderLineStyle}`;
|
|
14545
14582
|
borderColor = `black ${innerVerticalBorderLineColor} ${outerBorderLineColor} ${outerBorderLineColor}`;
|
|
14546
14583
|
} else if (!outerBorder && innerHorizontalBorder && innerVerticalBorder) {
|
|
14547
|
-
borderWidth = `${0}px ${
|
|
14584
|
+
borderWidth = `${0}px ${innerVerticalBorderLineWidth}px ${0}px ${0}px`;
|
|
14548
14585
|
borderStyle = `solid ${innerVerticalBorderLineStyle} solid solid`;
|
|
14549
14586
|
borderColor = `black ${innerVerticalBorderLineColor} black black`;
|
|
14550
14587
|
} else if (!outerBorder && !innerHorizontalBorder && innerVerticalBorder) {
|
|
14551
|
-
borderWidth = `${0}px ${
|
|
14588
|
+
borderWidth = `${0}px ${innerVerticalBorderLineWidth}px ${0}px ${0}px`;
|
|
14552
14589
|
borderStyle = `solid ${innerVerticalBorderLineStyle} solid solid`;
|
|
14553
14590
|
borderColor = `black ${innerVerticalBorderLineColor} black black`;
|
|
14554
14591
|
} else if (!outerBorder && innerHorizontalBorder && !innerVerticalBorder) {
|
|
@@ -14567,8 +14604,8 @@
|
|
|
14567
14604
|
borderColor = `black black black black`;
|
|
14568
14605
|
} else if (outerBorder && !innerHorizontalBorder && !innerVerticalBorder) {
|
|
14569
14606
|
borderWidth = `${0}px ${0}px ${0}px ${outerBorderLineWidth}px`;
|
|
14570
|
-
borderStyle =
|
|
14571
|
-
borderColor =
|
|
14607
|
+
borderStyle = `solid solid solid ${outerBorderLineStyle}`;
|
|
14608
|
+
borderColor = `black black black ${outerBorderLineColor}`;
|
|
14572
14609
|
} else if (outerBorder && !innerHorizontalBorder && innerVerticalBorder) {
|
|
14573
14610
|
borderWidth = `${0}px ${0}px ${0}px ${outerBorderLineWidth}px`;
|
|
14574
14611
|
borderStyle = `solid solid solid ${outerBorderLineStyle}`;
|
|
@@ -14739,7 +14776,7 @@
|
|
|
14739
14776
|
borderStyle = `solid solid solid solid`;
|
|
14740
14777
|
borderColor = `black black black black`;
|
|
14741
14778
|
} else if (outerBorder && !innerHorizontalBorder && !innerVerticalBorder) {
|
|
14742
|
-
borderWidth = `${0}px ${outerBorderLineWidth}px ${outerBorderLineWidth}px ${
|
|
14779
|
+
borderWidth = `${0}px ${outerBorderLineWidth}px ${outerBorderLineWidth}px ${0}px`;
|
|
14743
14780
|
borderStyle = `solid ${outerBorderLineStyle} ${outerBorderLineStyle} solid`;
|
|
14744
14781
|
borderColor = `black ${outerBorderLineColor} ${outerBorderLineColor} black`;
|
|
14745
14782
|
} else if (outerBorder && !innerHorizontalBorder && innerVerticalBorder) {
|
|
@@ -20746,6 +20783,7 @@
|
|
|
20746
20783
|
}
|
|
20747
20784
|
function responsiveXaxisLabelForNumericValue(xMax, xMin, innerWidth2, formatOptions, customXaxisMinValue, customXaxisMaxValue, innerHeight2, barChart) {
|
|
20748
20785
|
try {
|
|
20786
|
+
let autoLabelFlag = true;
|
|
20749
20787
|
let customXaxisIntervalValue = parseFloat(
|
|
20750
20788
|
formatOptions.xAxisLabel.xAxisIntervalText
|
|
20751
20789
|
);
|
|
@@ -20765,6 +20803,7 @@
|
|
|
20765
20803
|
customXaxisMaxValue || customXaxisMaxValue == 0 ? xMax = customXaxisMaxValue : "";
|
|
20766
20804
|
let tickvalue = customXaxisMinValue || customXaxisMinValue == 0 ? customXaxisMinValue : xMin < 0 ? Math.round(xMin) : 0;
|
|
20767
20805
|
xAxisLabelArray.push(tickvalue);
|
|
20806
|
+
autoLabelFlag = false;
|
|
20768
20807
|
if (customTickValue > 100) {
|
|
20769
20808
|
let message = "Tick count cannot exceed more than 100.";
|
|
20770
20809
|
if (minValue < 0) {
|
|
@@ -20804,7 +20843,7 @@
|
|
|
20804
20843
|
);
|
|
20805
20844
|
customTickValue = innerWidth2 / 30;
|
|
20806
20845
|
}
|
|
20807
|
-
return { xAxisLabelArray, customTickValue };
|
|
20846
|
+
return { xAxisLabelArray, customTickValue, autoLabelFlag };
|
|
20808
20847
|
} catch (e) {
|
|
20809
20848
|
logError$1(fileName$a, "responsiveXaxisLabel", e);
|
|
20810
20849
|
}
|
|
@@ -53707,6 +53746,7 @@
|
|
|
53707
53746
|
const svgRef = require$$0$1.useRef();
|
|
53708
53747
|
let chartFormatOptions;
|
|
53709
53748
|
let maxLegendDimensions = [0, 0];
|
|
53749
|
+
const chartType = chartTypes.BubbleChart;
|
|
53710
53750
|
let width;
|
|
53711
53751
|
let height;
|
|
53712
53752
|
let chartTitleHeight = 40;
|
|
@@ -53793,6 +53833,14 @@
|
|
|
53793
53833
|
));
|
|
53794
53834
|
initSvg(svgRef, width, height, chartFormatOptions);
|
|
53795
53835
|
chartAreaTagG = initChartArea(svg, margins);
|
|
53836
|
+
initPlotArea(
|
|
53837
|
+
chartAreaTagG,
|
|
53838
|
+
formatOptions,
|
|
53839
|
+
0,
|
|
53840
|
+
innerWidth2,
|
|
53841
|
+
innerHeight2,
|
|
53842
|
+
chartType
|
|
53843
|
+
);
|
|
53796
53844
|
drawChartTitle(svgRef, chartTitleHeight, width, chartFormatOptions);
|
|
53797
53845
|
initScale();
|
|
53798
53846
|
drawXAxis();
|
|
@@ -53954,14 +54002,14 @@
|
|
|
53954
54002
|
};
|
|
53955
54003
|
const drawXAxis = () => {
|
|
53956
54004
|
try {
|
|
53957
|
-
let { xAxisLabelArray, customTickValue } = responsiveXaxisLabelForNumericValue(
|
|
54005
|
+
let { xAxisLabelArray, customTickValue, autoLabelFlag } = responsiveXaxisLabelForNumericValue(
|
|
53958
54006
|
maxDimension,
|
|
53959
54007
|
minDimension,
|
|
53960
54008
|
innerWidth2,
|
|
53961
54009
|
formatOptions,
|
|
53962
54010
|
customXaxisMinValue,
|
|
53963
54011
|
customXaxisMaxValue,
|
|
53964
|
-
|
|
54012
|
+
innerWidth2,
|
|
53965
54013
|
false
|
|
53966
54014
|
);
|
|
53967
54015
|
const xAxis = axisBottom(xScale).tickFormat(
|
|
@@ -53972,7 +54020,7 @@
|
|
|
53972
54020
|
)
|
|
53973
54021
|
).tickSize(
|
|
53974
54022
|
chartFormatOptions.plotArea.gridLinesVisibility ? chartFormatOptions.plotArea.gridLinesVertical ? chartFormatOptions.xAxisLabel.xAxisPosition === "0" ? -innerHeight2 : chartFormatOptions.xAxisLabel.xAxisPosition === "1" ? innerHeight2 : 0 : 0 : 0
|
|
53975
|
-
).tickValues(xAxisLabelArray.length > 0 ? xAxisLabelArray : null).ticks(customTickValue).tickPadding(8).tickSizeOuter(0);
|
|
54023
|
+
).tickValues(autoLabelFlag ? void 0 : xAxisLabelArray.length > 0 ? xAxisLabelArray : null).ticks(customTickValue).tickPadding(8).tickSizeOuter(0);
|
|
53976
54024
|
initXaxis(
|
|
53977
54025
|
chartAreaTagG,
|
|
53978
54026
|
chartFormatOptions,
|