From 30040c520dedb12d5751b824cb551cc061b3d153 Mon Sep 17 00:00:00 2001
From: ianmuchyri <ianmuchiri8@gmail.com>
Date: Tue, 12 Mar 2024 17:22:42 +0300
Subject: [PATCH] rename back to linechart

Signed-off-by: ianmuchyri <ianmuchiri8@gmail.com>
---
 ui/web/static/js/charts.js                  | 6 +++---
 ui/web/templates/charts/linechartmodal.html | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/ui/web/static/js/charts.js b/ui/web/static/js/charts.js
index 9da72238..432d9a8a 100644
--- a/ui/web/static/js/charts.js
+++ b/ui/web/static/js/charts.js
@@ -792,7 +792,7 @@ class TimeSeriesLineChart extends Echart {
 
   #generateScript() {
     return `
-    var ${this.ID} = echarts.init(document.getElementById("${this.ID}")); 
+    var lineChart = echarts.init(document.getElementById("${this.ID}")); 
     var option = {
       title: {
         text: '${this.chartData.title}',
@@ -831,7 +831,7 @@ class TimeSeriesLineChart extends Echart {
       ]
     };
 
-    ${this.ID}.setOption(option);
+    lineChart.setOption(option);
     var chartdata = {
       channel:'${this.chartData.channel}',
       publisher:'${this.chartData.thing}',
@@ -842,7 +842,7 @@ class TimeSeriesLineChart extends Echart {
       limit:100,
       interval:'${this.chartData.updateInterval}',
     };
-    getData(${this.ID},chartdata);
+    getData(lineChart,chartdata);
   
     async function getData(linechart,chartData) {
       try {
diff --git a/ui/web/templates/charts/linechartmodal.html b/ui/web/templates/charts/linechartmodal.html
index 83ba931f..18304484 100644
--- a/ui/web/templates/charts/linechartmodal.html
+++ b/ui/web/templates/charts/linechartmodal.html
@@ -262,7 +262,7 @@ <h5 class="modal-title" id="lineChartModalLabel">Time Series Line Chart</h5>
         return;
       }
 
-      var widgetID = "lineChart" + Date.now();
+      var widgetID = "lineChart-" + Date.now();
 
       chartData["Type"] = "lineChart";
       addWidget(chartData, widgetID);