show hashrates

aeon.html

@@ -14,6 +14,7 @@
 <script src="https://www.amcharts.com/lib/3/plugins/export/export.min.js"></script>
 <link rel="stylesheet" href="https://www.amcharts.com/lib/3/plugins/export/export.css" type="text/css" media="all" />
 <script src="https://www.amcharts.com/lib/3/themes/light.js"></script>
+<script src="js/util.js"></script>
 <script src="data/aeon-data-0.js"></script>
 <script src="data/aeon-data-1.js"></script>
 <script src="data/aeon-data-2.js"></script>
@@ -29,6 +30,10 @@
 
 <!-- Chart code -->
 <script>
+var diff_targets = [
+  { height: 0, value: 60},
+  { height: 592000, value: 240},
+];
 var chart = get_chart([].concat(
     chartData_0,
     chartData_1,
@@ -41,7 +46,7 @@ var chart = get_chart([].concat(
     chartData_8,
     chartData_9,
     chartData_10,
-));
+), diff_targets);
 
 function toggleLogScale() {
   chart.valueAxes[0].logarithmic = document.getElementById("log_scale").checked;

js/diff.js

@@ -1,10 +1,19 @@
-function get_chart(chartData) {
+function get_diff_target(diff_targets, height) {
+    for (var i = diff_targets.length - 1; i >= 0; --i) {
+        if (diff_targets[i].height <= height)
+            return diff_targets[i].value;
+    }
+    return 0;
+}
+
+function get_chart(chartData, diff_targets) {
     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].difficulty = chartData[i][1];
+        chartData[i].hashrate = formatHashrate(chartData[i].difficulty / get_diff_target(diff_targets, chartData[i].height), 2);
     }
 
     var chart = AmCharts.makeChart("chartdiv", {
@@ -22,7 +31,7 @@ function get_chart(chartData) {
         "graphs": [{
             "id": "g1",
             "lineColor": "#67B7DC",
-            "balloonText": "Diff: <b>[[value]]</b>\nHeight: <b>[[height]]</b>",
+            "balloonText": "Height: <b>[[height]]</b>\nDiff: <b>[[value]]</b>\n[[hashrate]]",
             "bullet": "round",
             "bulletBorderAlpha": 1,
             "bulletColor": "#FFFFFF",

js/util.js

@@ -9,6 +9,16 @@ function formatBytes(bytes, decimal) {
     return "<b>" + parseFloat((bytes / Math.pow(c, f)).toFixed(d)) + "</b> " + e[f]
 }
 
+function formatHashrate(hr, decimal) {
+    if (0 == hr)
+        return "0 H/s";
+    var c = 1000;
+    var d = decimal || 2;
+    var e = ["H/s", "kH/s", "MH/s", "GH/s", "TH/s", "PH/s", "EH/s", "ZH/s", "YH/s"];
+    var f = Math.floor(Math.log(hr) / Math.log(c));
+    return "<b>" + parseFloat((hr / Math.pow(c, f)).toFixed(d)) + "</b> " + e[f]
+}
+
 function print_money(amount, decimal_point) {
     var s1 = String(amount);
     while (s1.length < decimal_point+1)

monero.html

@@ -14,6 +14,7 @@
 <script src="https://www.amcharts.com/lib/3/plugins/export/export.min.js"></script>
 <link rel="stylesheet" href="https://www.amcharts.com/lib/3/plugins/export/export.css" type="text/css" media="all" />
 <script src="https://www.amcharts.com/lib/3/themes/light.js"></script>
+<script src="js/util.js"></script>
 <script src="data/monero-data-0.js"></script>
 <script src="data/monero-data-1.js"></script>
 <script src="data/monero-data-2.js"></script>
@@ -35,6 +36,10 @@
 
 <!-- Chart code -->
 <script>
+var diff_targets = [
+  { height: 0, value: 60},
+  { height: 1009827, value: 120},
+];
 var chart = get_chart([].concat(
     chartData_0,
     chartData_1,
@@ -53,7 +58,7 @@ var chart = get_chart([].concat(
     chartData_14,
     chartData_15,
     chartData_16,
-));
+), diff_targets);
 
 function toggleLogScale() {
   chart.valueAxes[0].logarithmic = document.getElementById("log_scale").checked;

wownero.html

@@ -14,12 +14,16 @@
 <script src="https://www.amcharts.com/lib/3/plugins/export/export.min.js"></script>
 <link rel="stylesheet" href="https://www.amcharts.com/lib/3/plugins/export/export.css" type="text/css" media="all" />
 <script src="https://www.amcharts.com/lib/3/themes/light.js"></script>
+<script src="js/util.js"></script>
 <script src="data/wownero-data-0.js"></script>
 <script src="js/diff.js"></script>
 
 <!-- Chart code -->
 <script>
-var chart = get_chart(chartData_0);
+var diff_targets = [
+  { height: 0, value: 300},
+];
+var chart = get_chart(chartData_0, diff_targets);
 
 function toggleLogScale() {
   chart.valueAxes[0].logarithmic = document.getElementById("log_scale").checked;