JSFiddle - React, Tailwind, and code Playground
by hfrntt
HTML
<script type="text/javascript" src="http://www.highcharts.com/js/adapters/prototype-adapter.js"></script>
<script type="text/javascript" src="http://www.highcharts.com/js/highstock.js"></script>
<div id="walletGraph" style=" width: 100%; height: 400px;"></div>
JavaScript 1.7
var chart = new Highcharts.StockChart({
chart: {
renderTo: 'walletGraph',
backgroundColor: '#444',
shadow: true,
defaultSeriesType: 'area'
},
credits: {
enabled: false
},
title: {
text: 'Personnal wallet',
style: {
fontSize: '11px',
color: '#999'
}
},
tooltip: {
backgroundColor: "rgba(70,70,70,0.80)",
crosshairs: [true, true],
valueDecimals: 2
},
rangeSelector: {
buttons: [{
type: 'week',
count: 1,
text: '1w'},
{
type: 'month',
count: 1,
text: '1m'},
{
type: 'month',
count: 3,
text: '3m'},
{
type: 'all',
text: '6m'}
],
selected: 0
},
series: [{
name: 'ISK',
data: [[1331834400000, 20073733.90], [1331838000000, 20073733.90], [1331841600000, 17063733.90], [1331845200000, 17063733.90], [1331848800000, 17063733.90], [1331852400000, 17063733.90], [1331856000000, 17063733.90], [1331859600000, 17063733.90], [1331863200000, 17063733.90], [1331866800000, 17063733.90], [1331870400000, 17063733.90], [1331874000000, 17063733.90], [1331877600000, 17063733.90], [1331881200000, 17063733.90], [1331884800000, 17063733.90], [1331888400000, 17063733.90], [1331892000000, 17063733.90], [1331895600000, 17063733.90], [1331899200000, 17063733.90], [1331902800000, 17063733.90], [1331906400000, 17063733.90], [1331910000000, 1763733.90], [1331913600000, 17063733.90], [1331917200000, 17063733.90], [1331920800000, 17063733.90], [1331924400000, 17063733.90], [1331928000000, 1063733.90], [1331931600000, 17063733.90], [1331935200000, 17063733.90], [1331938800000, 17063733.90], [1331942400000, 17063733.90], [1331946000000, 17063733.90], [1331949600000, 17063733.90], [1331953200000, 17063733.90], [1331956800000, 17063733.90],...