add nonce plots, requires data upgrade

js/bc-size.js

@@ -4,7 +4,7 @@ function get_chart(chartData) {
     for (var i = 0; i < chartData.length; ++i) {
         chartData[i].date = new Date(1000 * chartData[i][0]);
         chartData[i].height = i + 1;
-        chartData[i].bc_size = chartData[i][3];
+        chartData[i].bc_size = chartData[i][4];
         if (i > 0)
           chartData[i].bc_size += chartData[i - 1].bc_size;
         chartData[i].bc_size_str = formatBytes(chartData[i].bc_size, 3);

js/block-reward.js

@@ -4,7 +4,7 @@ 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 + 1;
-        chartData[i].reward = print_money(chartData[i][2], decimal_point);
+        chartData[i].reward = print_money(chartData[i][3], decimal_point);
     }
 
     var chart = AmCharts.makeChart("chartdiv", {

js/block-size.js

@@ -4,7 +4,7 @@ function get_chart(chartData) {
     for (var i = 0; i < chartData.length; ++i) {
         chartData[i].date = new Date(1000 * chartData[i][0]);
         chartData[i].height = i + 1;
-        chartData[i].block_size = chartData[i][3];
+        chartData[i].block_size = chartData[i][4];
         chartData[i].block_size_str = formatBytes(chartData[i].block_size, 3);
     }
 

js/coin-supply.js

@@ -2,9 +2,9 @@ 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]);
+        chartData[i].coin_supply = bigInt(chartData[i][3]);
+        for (var j = 0; j < chartData[i][5].length; ++j)
+            chartData[i].coin_supply = chartData[i].coin_supply.minus(chartData[i][5][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);

js/diff.js

@@ -12,7 +12,7 @@ function get_chart(chartData, diff_targets) {
     for (var i = 0; i < chartData.length; ++i) {
         chartData[i].date = new Date(1000 * chartData[i][0]);
         chartData[i].height = i + 1;
-        chartData[i].difficulty = chartData[i][1];
+        chartData[i].difficulty = chartData[i][2];
         chartData[i].hashrate = formatHashrate(chartData[i].difficulty / get_diff_target(diff_targets, chartData[i].height), 2);
     }
 

js/nonce.js

@@ -0,0 +1,67 @@
+function get_chart(chartData) {
+    chartData.shift();
+
+    for (var i = 0; i < chartData.length; ++i) {
+        chartData[i].date = new Date(1000 * chartData[i][0]);
+        chartData[i].height = i + 1;
+        chartData[i].nonce = chartData[i][1];
+    }
+
+    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": "#800040",
+            "lineAlpha": 0,
+            "bulletAlpha": 1,
+            "bullet": "square",
+            "bulletSize": 1,
+            "minBulletSize": 1,
+            "balloonText": "Height: <b>[[height]]</b>\nNonce: <b>[[value]]</b>\n",
+            "showBalloonAt": "close",
+            "title": "nonce",
+            "valueField": "nonce",
+            "balloon":{
+                "cornerRadius": 10,
+                "animationDuration": 0,
+            }
+        }],
+        "chartCursor": {
+           "pan": false,
+           "categoryBalloonEnabled": false,
+           "animationDuration": 0,
+           "cursorAlpha": 0,
+        },
+        "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;
+}

js/ring-size.js

@@ -18,9 +18,9 @@ function get_chart(chartData, levels) {
             num_txes_per_day[block_date] = 0;
         }
         var e = chartData_rs[chartData_rs.length - 1];
-        var num_txes = chartData[i][4].length;
+        var num_txes = chartData[i][5].length;
         if (num_txes > 0) {
-            var ring_size = chartData[i][4][0][3];
+            var ring_size = chartData[i][5][0][3];
             while (ring_size >=  e.histogram.length) {
                 e.histogram.push(0);
             }

js/tx-per-day.js

@@ -15,7 +15,7 @@ function get_chart(chartData) {
                 "num_txes": 0,
             });
         }
-        chartData_tpd[chartData_tpd.length - 1].num_txes += chartData[i][4].length;
+        chartData_tpd[chartData_tpd.length - 1].num_txes += chartData[i][5].length;
     }
 
     var chart = AmCharts.makeChart("chartdiv", {