logitude-dashboard-library 1.4.39 → 1.4.41

package/dist/features/Dashboard/ChartsComponents/FusionCharts/FusionChartObjectHelper.d.ts

@@ -56,6 +56,25 @@ export interface ChartInfo {
     legendWidth: string;
     alignLegendWithCanvas: string;
     centerLabelBold: string;
+    showSecondaryLimits: string;
+    showDivLineSecondaryValue: string;
+    pYAxisName: string;
+    sYAxisname: string;
+    sYAxisNameFont: string;
+    sYAxisNameFontColor: string;
+    sYAxisNameFontSize: string;
+    pYAxisNameFont: string;
+    pYAxisNameFontColor: string;
+    pYAxisNameFontSize: string;
+    sYAxisNameBorderPadding: number;
+    pYAxisNameBorderPadding: number;
+    xAxisNameFont: string;
+    xAxisNameFontSize: string;
+    xAxisNameFontColor: string;
+    yAxisNameFont: string;
+    yAxisNameFontSize: string;
+    yAxisNameFontColor: string;
+    adjustDiv: string;
 }
 export declare function getSeriesPositionColor(position: number): string | null;
 export declare function getSeriesHoverPositionColor(position: number): string | null;

package/dist/index.js

@@ -738,7 +738,7 @@ function getPieObject(seriesMeasures, widget) {
 
 function getColumnObject(seriesMeasures, widget) {
   var chart = getDefaultChartobject();
-  chart.type = "scrollcombi2d";
+  chart.type = "scrollcombidy2d";
   var chartInfo = getDefaultChartInfo();
   chartInfo.scrollPadding = "8";
   chartInfo.flatScrollBars = "1";
@@ -750,6 +750,7 @@ function getColumnObject(seriesMeasures, widget) {
   chartInfo.chartLeftMargin = "20";
   chartInfo.chartRightMargin = "50";
   chartInfo.canvasBottomPadding = "10";
+  setDualyAxis(chartInfo, widget, seriesMeasures);
   chart.dataSource = getCategoriesBasedDataSource(chartInfo, seriesMeasures, widget);
   return chart;
 }
@@ -786,6 +787,18 @@ function getDefaultChartInfo(widget) {
   chart.labelFont = defautFont;
   chart.legendItemFont = defautFont;
   chart.legendItemFontSize = defautFontSize;
+  chart.sYAxisNameFont = defautFont;
+  chart.sYAxisNameFontSize = defautFontSize;
+  chart.sYAxisNameFontColor = defautColor;
+  chart.pYAxisNameFont = defautFont;
+  chart.pYAxisNameFontSize = defautFontSize;
+  chart.pYAxisNameFontColor = defautColor;
+  chart.xAxisNameFont = defautFont;
+  chart.xAxisNameFontSize = defautFontSize;
+  chart.xAxisNameFontColor = defautColor;
+  chart.yAxisNameFont = defautFont;
+  chart.yAxisNameFontSize = defautFontSize;
+  chart.yAxisNameFontColor = defautColor;
   chart.enableSlicing = "0";
   chart.enableRotation = "0";
   chart.chartTopMargin = "10";
@@ -826,6 +839,33 @@ function setChartInLegend(chart, widget) {
   chart.pieRadius = "70%";
 }
 
+function setDualyAxis(chartInfo, widget, seriesMeasures) {
+  var _seriesMeasures$, _seriesMeasures$2;
+
+  chartInfo.showSecondaryLimits = "0";
+  chartInfo.showDivLineSecondaryValue = "0";
+  if (!widget) return;
+  if (!widget.WidgetMeasures) return;
+  if (widget.WidgetMeasures.length < 2) return;
+  if (widget.WidgetMeasures[1].YAxisType != 'dual') return;
+  chartInfo.showSecondaryLimits = "1";
+  chartInfo.showDivLineSecondaryValue = "1";
+  chartInfo.pYAxisNameBorderPadding = 0;
+  chartInfo.sYAxisNameBorderPadding = 0;
+  var textLength = Math.max(seriesMeasures[0].Name.length, seriesMeasures[1].Name.length);
+  chartInfo.pYAxisName = getTitle((_seriesMeasures$ = seriesMeasures[0]) === null || _seriesMeasures$ === void 0 ? void 0 : _seriesMeasures$.Name, textLength);
+  chartInfo.sYAxisname = getTitle((_seriesMeasures$2 = seriesMeasures[1]) === null || _seriesMeasures$2 === void 0 ? void 0 : _seriesMeasures$2.Name, textLength);
+}
+
+function getTitle(text, maxLenght) {
+  var textLenght = text.length;
+  if (textLenght >= maxLenght) return text.replace(/\s+/g, '&nbsp;&nbsp;');
+  var neededSpaces = Math.ceil((maxLenght - textLenght) / 2);
+  var space = '&nbsp;';
+  text = space.repeat(neededSpaces) + text + space.repeat(neededSpaces);
+  return text.replace(/\s+/g, '&nbsp;&nbsp;');
+}
+
 var FusionChartHelper = /*#__PURE__*/function () {
   function FusionChartHelper(widget, chart) {
     this.chart = chart;