render range in main stats

publiclab · Feb 27, 2019 · 746a6fe · 746a6fe
1 parent c74a0f3
commit 746a6fe
Show file tree

Hide file tree

Showing 2 changed files with 47 additions and 46 deletions.
diff --git a/app/views/stats/_range.html.erb b/app/views/stats/_range.html.erb
@@ -142,12 +142,11 @@
     <% end %>
     <br>
 
+    <p><i>Member registration may include spam accounts</i></p>
 
     <br>
     <%# <div class="col-md-10"> %>
-    <div id="chart">
     </div>
-    <p><i>Member registration may include spam accounts</i></p>
     <br>
     <%# </div> %>
 
@@ -212,47 +211,3 @@
     <%# </div> %>
 <%# </div> %>
 
-<script src="https://cdn.jsdelivr.net/npm/apexcharts"></script>
-<script>
-var values =  <%=  @popular_tags.values %>;
-var data =  <%= raw (@popular_tags.keys) %>;
-
-var options = {
-    chart: {
-        height: 400,
-        type: 'bar',
-
-    },
-    colors: ['#006dcc'],
-    plotOptions: {
-        bar: {
-            horizontal: false,
-
-        }
-
-    },
-
-    dataLabels: {
-        enabled: false
-
-    },
-    series: [{
-        name: 'Tag count',
-        data: values
-
-    }],
-    title:{
-        text: "Popular Tags in this period",
-    },
-    xaxis: {
-        categories: data
-
-    }
-
-}
-
-var chart = new ApexCharts(
-        document.querySelector("#chart"), options );
-chart.render();
-
-</script>
diff --git a/app/views/stats/index.html.erb b/app/views/stats/index.html.erb
@@ -95,6 +95,7 @@
 <div class="container">
 
 </div>
+<div id="chart1"> </div>
 
 <h3 align="center"> <u>  Notes, Wikis and Comments Statistics in the past year </u></h3>
 <br>
@@ -261,3 +262,48 @@ function generateWeekWiseTimeSeries(s, count) {
     return series;
 }
 </script>
+
+<script src="https://cdn.jsdelivr.net/npm/apexcharts"></script>
+<script>
+var values =  <%=  @popular_tags.values %>;
+var data =  <%= raw (@popular_tags.keys) %>;
+
+var options = {
+    chart: {
+        height: 500,
+        type: 'bar',
+
+    },
+    colors: ['#006dcc'],
+    plotOptions: {
+        bar: {
+            horizontal: true,
+
+        }
+
+    },
+
+    dataLabels: {
+        enabled: false
+
+    },
+    series: [{
+        name: 'Tag count',
+        data: values
+
+    }],
+    title:{
+        text: "Popular Tags in this period",
+    },
+    xaxis: {
+        categories: data
+
+    }
+
+}
+
+var chart1 = new ApexCharts(
+        document.querySelector("#chart1"), options );
+chart1.render();
+
+</script>