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/mutual-fund/data-compare/exchange-rate/HUF/HU0000702303,HU0000705744,HU0000701909/P5Y?callback=?', function(data) {
        var series = [];
        for (var i = 0, l = data.length; i<l; i++) {
            series.push({
                name: 'Alap ' + i,
                data: data[i]
            });
        }
        $('#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: series
        });        
    });
})