From a99558d23b1a04d3ba0481a046b6178f6596a3ca Mon Sep 17 00:00:00 2001
From: stoffu <stoffu@protonmail.ch>
Date: Fri, 24 Aug 2018 16:42:30 +0900
Subject: [PATCH] factor coin-supply code

---
 aeon-coin-supply.html    |  95 +++++-----------------------------
 coin-supply.js           |  73 ++++++++++++++++++++++++++
 monero-coin-supply.html  | 109 +++++++--------------------------------
 wownero-coin-supply.html |  75 +--------------------------
 4 files changed, 108 insertions(+), 244 deletions(-)
 create mode 100644 coin-supply.js

diff --git a/aeon-coin-supply.html b/aeon-coin-supply.html
index 2f9631a..035d40a 100644
--- a/aeon-coin-supply.html
+++ b/aeon-coin-supply.html
@@ -26,91 +26,22 @@
 <script src="aeon-data-7.js"></script>
 <script src="aeon-data-8.js"></script>
 <script src="aeon-data-9.js"></script>
+<script src="coin-supply.js"></script>
 
 <!-- Chart code -->
 <script>
-var chartData = [];
-chartData = chartData.concat(chartData_0);
-chartData = chartData.concat(chartData_1);
-chartData = chartData.concat(chartData_2);
-chartData = chartData.concat(chartData_3);
-chartData = chartData.concat(chartData_4);
-chartData = chartData.concat(chartData_5);
-chartData = chartData.concat(chartData_6);
-chartData = chartData.concat(chartData_7);
-chartData = chartData.concat(chartData_8);
-chartData = chartData.concat(chartData_9);
-
-for (var i = 0; i < chartData.length; ++i) {
-    chartData[i].date = new Date(1000 * chartData[i][0]);
-    chartData[i].height = i;
-    chartData[i].coin_supply = bigInt(chartData[i][2]);
-    for (var j = 0; j < chartData[i][4].length; ++j)
-        chartData[i].coin_supply = chartData[i].coin_supply.minus(chartData[i][4][j][4]);
-    if (i > 0)
-        chartData[i].coin_supply = chartData[i].coin_supply.plus(chartData[i - 1].coin_supply);
-    chartData[i].coin_supply_str = print_money(chartData[i].coin_supply, 12);
-    chartData[i].coin_supply_real = chartData[i].coin_supply.toJSNumber() / Math.pow(10, 12);
-}
-
-chartData.shift();
-
-var chart = AmCharts.makeChart("chartdiv", {
-    "type": "serial",
-    "theme": "light",
-    "marginRight": 80,
-    "autoMarginOffset": 20,
-    "marginTop": 7,
-    "dataProvider": chartData,
-    "valueAxes": [{
-        "axisAlpha": 0,
-    }],
-    "mouseWheelZoomEnabled": true,
-    "graphs": [{
-        "id": "g1",
-        "lineColor": "#cc9900",
-        "balloonText": "Supply: <b>[[coin_supply_str]]</b>\nHeight: <b>[[height]]</b>",
-        "bullet": "round",
-        "bulletBorderAlpha": 1,
-        "bulletColor": "#FFFFFF",
-        "hideBulletsCount": 50,
-        "title": "coin supply",
-        "valueField": "coin_supply_real",
-        "useLineColorForBulletBorder": true,
-        "balloon":{
-            "cornerRadius": 10,
-        }
-    }],
-    "chartScrollbar": {
-        "autoGridCount": true,
-        "graph": "g1",
-        "scrollbarHeight": 40
-    },
-    "chartCursor": {
-       "pan": false
-    },
-    "categoryField": "date",
-    "categoryAxis": {
-        "parseDates": true,
-        "minPeriod": "ss",
-        "axisColor": "#DADADA",
-        "dashLength": 1,
-        "minorGridEnabled": true
-    },
-    "export": {
-        "enabled": true,
-        "position": "bottom-right"
-    }
-});
-
-chart.addListener("rendered", zoomChart);
-zoomChart();
-
-// this method is called when chart is first inited as we listen for "rendered" event
-function zoomChart() {
-    // different zoom methods can be used - zoomToIndexes, zoomToDates, zoomToCategoryValues
-    chart.zoomToIndexes(0, chartData.length - 1);
-}
+var chart = get_chart([].concat(
+    chartData_0,
+    chartData_1,
+    chartData_2,
+    chartData_3,
+    chartData_4,
+    chartData_5,
+    chartData_6,
+    chartData_7,
+    chartData_8,
+    chartData_9,
+    ), 12);
 
 function togglePan() {
   chart.chartCursor.pan = document.getElementById("pan").checked;
diff --git a/coin-supply.js b/coin-supply.js
new file mode 100644
index 0000000..9eef451
--- /dev/null
+++ b/coin-supply.js
@@ -0,0 +1,73 @@
+function get_chart(chartData, decimal_point) {
+    for (var i = 0; i < chartData.length; ++i) {
+        chartData[i].date = new Date(1000 * chartData[i][0]);
+        chartData[i].height = i;
+        chartData[i].coin_supply = bigInt(chartData[i][2]);
+        for (var j = 0; j < chartData[i][4].length; ++j)
+            chartData[i].coin_supply = chartData[i].coin_supply.minus(chartData[i][4][j][4]);
+        if (i > 0)
+            chartData[i].coin_supply = chartData[i].coin_supply.plus(chartData[i - 1].coin_supply);
+        chartData[i].coin_supply_str = print_money(chartData[i].coin_supply, decimal_point);
+        chartData[i].coin_supply_real = chartData[i].coin_supply.toJSNumber() / Math.pow(10, decimal_point);
+    }
+
+    chartData.shift();
+
+    var chart = AmCharts.makeChart("chartdiv", {
+        "type": "serial",
+        "theme": "light",
+        "marginRight": 80,
+        "autoMarginOffset": 20,
+        "marginTop": 7,
+        "dataProvider": chartData,
+        "valueAxes": [{
+            "axisAlpha": 0,
+        }],
+        "mouseWheelZoomEnabled": true,
+        "graphs": [{
+            "id": "g1",
+            "lineColor": "#cc9900",
+            "balloonText": "Supply: <b>[[coin_supply_str]]</b>\nHeight: <b>[[height]]</b>",
+            "bullet": "round",
+            "bulletBorderAlpha": 1,
+            "bulletColor": "#FFFFFF",
+            "hideBulletsCount": 50,
+            "title": "coin supply",
+            "valueField": "coin_supply_real",
+            "useLineColorForBulletBorder": true,
+            "balloon":{
+                "cornerRadius": 10,
+            }
+        }],
+        "chartScrollbar": {
+            "autoGridCount": true,
+            "graph": "g1",
+            "scrollbarHeight": 40
+        },
+        "chartCursor": {
+           "pan": false
+        },
+        "categoryField": "date",
+        "categoryAxis": {
+            "parseDates": true,
+            "minPeriod": "ss",
+            "axisColor": "#DADADA",
+            "dashLength": 1,
+            "minorGridEnabled": true
+        },
+        "export": {
+            "enabled": true,
+            "position": "bottom-right"
+        }
+    });
+
+    // this method is called when chart is first inited as we listen for "rendered" event
+    function zoomChart() {
+        // different zoom methods can be used - zoomToIndexes, zoomToDates, zoomToCategoryValues
+        chart.zoomToIndexes(0, chartData.length - 1);
+    }
+    chart.addListener("rendered", zoomChart);
+    zoomChart();
+
+    return chart;
+}
diff --git a/monero-coin-supply.html b/monero-coin-supply.html
index 3c0fee7..6bf07e2 100644
--- a/monero-coin-supply.html
+++ b/monero-coin-supply.html
@@ -33,98 +33,29 @@
 <script src="monero-data-14.js"></script>
 <script src="monero-data-15.js"></script>
 <script src="monero-data-16.js"></script>
+<script src="coin-supply.js"></script>
 
 <!-- Chart code -->
 <script>
-var chartData = [];
-chartData = chartData.concat(chartData_0);
-chartData = chartData.concat(chartData_1);
-chartData = chartData.concat(chartData_2);
-chartData = chartData.concat(chartData_3);
-chartData = chartData.concat(chartData_4);
-chartData = chartData.concat(chartData_5);
-chartData = chartData.concat(chartData_6);
-chartData = chartData.concat(chartData_7);
-chartData = chartData.concat(chartData_8);
-chartData = chartData.concat(chartData_9);
-chartData = chartData.concat(chartData_10);
-chartData = chartData.concat(chartData_11);
-chartData = chartData.concat(chartData_12);
-chartData = chartData.concat(chartData_13);
-chartData = chartData.concat(chartData_14);
-chartData = chartData.concat(chartData_15);
-chartData = chartData.concat(chartData_16);
-
-for (var i = 0; i < chartData.length; ++i) {
-    chartData[i].date = new Date(1000 * chartData[i][0]);
-    chartData[i].height = i;
-    chartData[i].coin_supply = bigInt(chartData[i][2]);
-    for (var j = 0; j < chartData[i][4].length; ++j)
-        chartData[i].coin_supply = chartData[i].coin_supply.minus(chartData[i][4][j][4]);
-    if (i > 0)
-        chartData[i].coin_supply = chartData[i].coin_supply.plus(chartData[i - 1].coin_supply);
-    chartData[i].coin_supply_str = print_money(chartData[i].coin_supply, 12);
-    chartData[i].coin_supply_real = chartData[i].coin_supply.toJSNumber() / Math.pow(10, 12);
-}
-
-chartData.shift();
-
-var chart = AmCharts.makeChart("chartdiv", {
-    "type": "serial",
-    "theme": "light",
-    "marginRight": 80,
-    "autoMarginOffset": 20,
-    "marginTop": 7,
-    "dataProvider": chartData,
-    "valueAxes": [{
-        "axisAlpha": 0,
-    }],
-    "mouseWheelZoomEnabled": true,
-    "graphs": [{
-        "id": "g1",
-        "lineColor": "#cc9900",
-        "balloonText": "Supply: <b>[[coin_supply_str]]</b>\nHeight: <b>[[height]]</b>",
-        "bullet": "round",
-        "bulletBorderAlpha": 1,
-        "bulletColor": "#FFFFFF",
-        "hideBulletsCount": 50,
-        "title": "coin supply",
-        "valueField": "coin_supply_real",
-        "useLineColorForBulletBorder": true,
-        "balloon":{
-            "cornerRadius": 10,
-        }
-    }],
-    "chartScrollbar": {
-        "autoGridCount": true,
-        "graph": "g1",
-        "scrollbarHeight": 40
-    },
-    "chartCursor": {
-       "pan": false
-    },
-    "categoryField": "date",
-    "categoryAxis": {
-        "parseDates": true,
-        "minPeriod": "ss",
-        "axisColor": "#DADADA",
-        "dashLength": 1,
-        "minorGridEnabled": true
-    },
-    "export": {
-        "enabled": true,
-        "position": "bottom-right"
-    }
-});
-
-chart.addListener("rendered", zoomChart);
-zoomChart();
-
-// this method is called when chart is first inited as we listen for "rendered" event
-function zoomChart() {
-    // different zoom methods can be used - zoomToIndexes, zoomToDates, zoomToCategoryValues
-    chart.zoomToIndexes(0, chartData.length - 1);
-}
+var chart = get_chart([].concat(
+    chartData_0,
+    chartData_1,
+    chartData_2,
+    chartData_3,
+    chartData_4,
+    chartData_5,
+    chartData_6,
+    chartData_7,
+    chartData_8,
+    chartData_9,
+    chartData_10,
+    chartData_11,
+    chartData_12,
+    chartData_13,
+    chartData_14,
+    chartData_15,
+    chartData_16,
+    ), 12);
 
 function togglePan() {
   chart.chartCursor.pan = document.getElementById("pan").checked;
diff --git a/wownero-coin-supply.html b/wownero-coin-supply.html
index 472340f..7c2553c 100644
--- a/wownero-coin-supply.html
+++ b/wownero-coin-supply.html
@@ -17,82 +17,11 @@
 <script src="BigInteger.js"></script>
 <script src="util.js"></script>
 <script src="wownero-data-0.js"></script>
+<script src="coin-supply.js"></script>
 
 <!-- Chart code -->
 <script>
-var chartData = [];
-chartData = chartData.concat(chartData_0);
-
-for (var i = 0; i < chartData.length; ++i) {
-    chartData[i].date = new Date(1000 * chartData[i][0]);
-    chartData[i].height = i;
-    chartData[i].coin_supply = bigInt(chartData[i][2]);
-    for (var j = 0; j < chartData[i][4].length; ++j)
-        chartData[i].coin_supply = chartData[i].coin_supply.minus(chartData[i][4][j][4]);
-    if (i > 0)
-        chartData[i].coin_supply = chartData[i].coin_supply.plus(chartData[i - 1].coin_supply);
-    chartData[i].coin_supply_str = print_money(chartData[i].coin_supply, 11);
-    chartData[i].coin_supply_real = chartData[i].coin_supply.toJSNumber() / Math.pow(10, 11);
-}
-
-chartData.shift();
-
-var chart = AmCharts.makeChart("chartdiv", {
-    "type": "serial",
-    "theme": "light",
-    "marginRight": 80,
-    "autoMarginOffset": 20,
-    "marginTop": 7,
-    "dataProvider": chartData,
-    "valueAxes": [{
-        "axisAlpha": 0,
-    }],
-    "mouseWheelZoomEnabled": true,
-    "graphs": [{
-        "id": "g1",
-        "lineColor": "#cc9900",
-        "balloonText": "Supply: <b>[[coin_supply_str]]</b>\nHeight: <b>[[height]]</b>",
-        "bullet": "round",
-        "bulletBorderAlpha": 1,
-        "bulletColor": "#FFFFFF",
-        "hideBulletsCount": 50,
-        "title": "coin supply",
-        "valueField": "coin_supply_real",
-        "useLineColorForBulletBorder": true,
-        "balloon":{
-            "cornerRadius": 10,
-        }
-    }],
-    "chartScrollbar": {
-        "autoGridCount": true,
-        "graph": "g1",
-        "scrollbarHeight": 40
-    },
-    "chartCursor": {
-       "pan": false
-    },
-    "categoryField": "date",
-    "categoryAxis": {
-        "parseDates": true,
-        "minPeriod": "ss",
-        "axisColor": "#DADADA",
-        "dashLength": 1,
-        "minorGridEnabled": true
-    },
-    "export": {
-        "enabled": true,
-        "position": "bottom-right"
-    }
-});
-
-chart.addListener("rendered", zoomChart);
-zoomChart();
-
-// this method is called when chart is first inited as we listen for "rendered" event
-function zoomChart() {
-    // different zoom methods can be used - zoomToIndexes, zoomToDates, zoomToCategoryValues
-    chart.zoomToIndexes(0, chartData.length - 1);
-}
+var chart = get_chart(chartData_0, 11);
 
 function togglePan() {
   chart.chartCursor.pan = document.getElementById("pan").checked;