JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://d3js.org/d3.v3.js"></script>
<div id="inner_svg">
</div>
<div id="hhhh">
</div>
CSS
body {
font: 10px sans-serif;
}
.axis path,
.axis line {
fill: none;
stroke: #000;
shape-rendering: crispEdges;
}
/*
.x.axis path {
display: none;
}
*/
.line {
fill: none;
stroke: steelblue;
stroke-width: 1.5px;
}
JavaScript
var data = [];
//---------------------------------------------------------------------------
//---------------------------------------------------------------------------
//---------------------------------------------------------------------------
var huunction = function()
{
var total_money = 10000000000000000;
var total_money_by_pos = 0;
var total_money_by_pow = 0;
var reward_pos = 0;
var reward_pow = 0;
var trig = 0;
for (var h = 0; h != 1300000; h++)
{
var reward = 0;
if (trig)
{
//reward = ((total_money - total_money / 5) / 14) / 262800;
reward = ((total_money - total_money / 5) / 50) / 262800;
reward_pos = reward_pow = reward;
}
else
{
reward = h*(920000 - h)*5/16;
if (h > 910000)
trig = 1;
}
total_money += reward;
if ( h < 60000 || (!(h % 2)))//pow
total_money_by_pow += reward;
else
total_money_by_pos += reward;
if (!(h % 10000))
{
$("#hhhh").append("" + h + "\t" + reward + "\t" + total_money + "<br>");
var h_;
if(h < 60000)
{
h_ = h/360;
}else
{
h_ = (h-60000)/720 + (60000/360);
}
data.push({
h: h_,
reward: reward/100,
total: total_money/100000000,
total_pow: total_money_by_pow/100000000,
total_pos: total_money_by_pos/100000000
});
}
}
}
//---------------------------------------------------------------------------
//---------------------------------------------------------------------------
//---------------------------------------------------------------------------
huunction();
var margin = {top: 20, right: 80, bottom: 30, left: 150},
width = 960 - margin.left - margin.right,
height = 500 - margin.top - margin.bottom;
//var parseDate = d3.time.format("%Y%m%d").parse;
var x = d3.scale.linear()
...