flicker and stacklistEmpty resolve

Cumulocity-IoT · May 13, 2022 · 37cec99 · 37cec99
1 parent 017e747
commit 37cec99
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 3 deletions.
diff --git a/projects/gp-smart-echart-widget/src/lib/gp-smart-echart-widget.component.html b/projects/gp-smart-echart-widget/src/lib/gp-smart-echart-widget.component.html
@@ -1,4 +1,4 @@
-<div (resized)="onResized($event)" style="height:100%;width:100%;">
+<div (resized)="onResized($event)" style="height:99%;width:99%;">
 
  <div echarts [options]="chartOption" class="demo-chart" #chartBox [style.height.px]="height"
  [style.width.px]="width"></div>

diff --git a/projects/gp-smart-echart-widget/src/lib/gp-smart-echart-widget.component.ts b/projects/gp-smart-echart-widget/src/lib/gp-smart-echart-widget.component.ts
@@ -180,6 +180,9 @@ export class GpSmartEchartWidgetComponent implements OnInit {
  if (!userInput.aggrList) {
  userInput.aggrList = [];
  }
+ if (!userInput.stackList) {
+ userInput.stackList = [];
+ }
  if (this.serviceData) {
  this.dataChart.hideLoading();
  let axisFontSize = 0;

diff --git a/projects/gp-smart-echart-widget/src/lib/smart-chart-config/smart-chart-config.component.ts b/projects/gp-smart-echart-widget/src/lib/smart-chart-config/smart-chart-config.component.ts
@@ -280,6 +280,11 @@ export class SmartChartConfigComponent implements OnInit {
  } else {
  this.isAggrAdded = true;
  }
+ if (!this.config.stackList) {
+ this.config.stackList = [];
+ } else {
+ this.config.addStack = true;
+ }
  this.config.legend = {};
  // Default value for datahub sql query
  if (this.config.datahubUrl === null || this.config.datahubUrl === undefined) {
@@ -355,15 +360,15 @@ export class SmartChartConfigComponent implements OnInit {
  this.config.layout = val.layout[0].id;
  }
  });
- }else {
+ } else {
  this.chartData.chartLayout.filter(val => {
  if (value === val.id) {
  this.chartLayoutData = val.layout;
  return;
  }
  });
  }
- }else {
+ } else {
  sessionStorage.setItem('chartType', this.config.type);
  }
  if (this.config.type === 'bar' || this.config.type === 'line') {