JSFiddle - React, Tailwind, and code Playground

by nkovacs

HTML

<script src="http://code.highcharts.com/highcharts.src.js"></script>
<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>

JavaScript

$(function() {
    $.getJSON('http://data.arthus.hu/arthus-services/api/portfolio/exchange-rate/HUF/HU0000702303:0.1,HU0000705744:0.5,HU0000701909:0.4/P5Y?callback=?', function(data) {
        $('#container').highcharts({
            chart: {
            },
            title: {
                text: 'Ha az elmúlt 5 évben fektettél volna be, akkor most sok pénzed lenne'
            },
            subtitle: {
                text: 'De tényleg.'
            },
            xAxis: {
                type: 'datetime'
            },
            yAxis: {
            },
            legend: {
                enabled: false
            },
            series: [{
                type: 'area',
                name: 'Hozam',
                data: data
            }]
        });        
    });
})