MG-211 - Remove double bar chart

ui/charts.go

@@ -68,11 +68,6 @@ func CreateItem() []Item {
 			Content: "This is a horizontal bar chart",
 			Widget:  "horizontalBarChart",
 		},
-		{
-			Title:   "Double Bar Chart",
-			Content: "This is a double bar chart",
-			Widget:  "doubleBarChart",
-		},
 		{
 			Title:   "Multiple Line Chart",
 			Content: "This is a multiple line chart",

ui/web/static/js/charts.js

@@ -300,97 +300,6 @@ class DonutChart extends Echart {
   }
 }
 
-class DoubleBarChart extends Echart {
-  constructor(chartData, widgetID) {
-    super(widgetID, chartData);
-    this.Script = this.#generateScript();
-  }
-
-  #generateScript() {
-    let seriesName = this.chartData.seriesName.split(",");
-    return `
-    var doubleBarChart = echarts.init(document.getElementById("${this.ID}"));
-    var option = {
-      title: {
-        text: '${this.chartData.title}',
-        left: 'left'
-      },
-      tooltip: {
-        trigger: 'axis'
-      },
-      legend: {
-        show: true,
-
-      },
-      toolbox: {
-        show: true,
-        feature: {
-          dataView: { show: true, readOnly: false },
-          magicType: { show: true, type: ['line', 'bar'] },
-          restore: { show: true },
-          saveAsImage: { show: true }
-        }
-      },
-      calculable: true,
-      xAxis: [
-        {
-          type: 'category',
-          // prettier-ignore
-          data: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
-          name: '${this.chartData.xAxisLabel}',
-          nameLocation: 'middle',
-          nameGap: 30
-        }
-      ],
-      yAxis: [
-        {
-          type: 'value',
-          name: '${this.chartData.yAxisLabel}',
-          nameLocation: 'middle',
-          nameGap: 40
-        }
-      ],
-      series: [
-        {
-          name: '${seriesName[0]}',
-          type: 'bar',
-          data: [
-            2.0, 4.9, 7.0, 23.2, 25.6, 76.7, 135.6, 162.2, 32.6, 20.0, 6.4, 3.3
-          ],
-          markPoint: {
-            data: [
-              { type: 'max', name: 'Max' },
-              { type: 'min', name: 'Min' }
-            ]
-          },
-          markLine: {
-            data: [{ type: 'average', name: 'Avg' }]
-          }
-        },
-        {
-          name: '${seriesName[1]}',
-          type: 'bar',
-          data: [
-            2.6, 5.9, 9.0, 26.4, 28.7, 70.7, 175.6, 182.2, 48.7, 18.8, 6.0, 2.3
-          ],
-          markPoint: {
-            data: [
-              { name: 'Max', value: 182.2, xAxis: 7, yAxis: 183 },
-              { name: 'Min', value: 2.3, xAxis: 11, yAxis: 3 }
-            ]
-          },
-          markLine: {
-            data: [{ type: 'average', name: 'Avg' }]
-          }
-        }
-      ]
-    };
-
-    doubleBarChart.setOption(option);
-  `;
-  }
-}
-
 class DynamicDataChart extends Echart {
   constructor(chartData, widgetID) {
     super(widgetID, chartData);
@@ -1884,7 +1793,6 @@ const chartTypes = {
   areaLineChart: AreaLineChart,
   timeSeriesBarChart: TimeSeriesBarChart,
   donutChart: DonutChart,
-  doubleBarChart: DoubleBarChart,
   dynamicDataChart: DynamicDataChart,
   entitiesTable: EntitiesTable,
   entityCount: EntityCount,

ui/web/templates/dashboard.html

@@ -106,7 +106,6 @@ <h5 id="widgetsCanvasLabel">Widgets</h5>
               {{ template "arealinechartmodal" . }}
               {{ template "horizontalbarchartmodal" . }}
               {{ template "dynamicdatachartmodal" . }}
-              {{ template "doublebarchartmodal" . }}
               {{ template "multiplelinechartmodal" . }}
               {{ template "stepchartmodal" . }}
               {{ template "multigaugemodal" . }}