JSFiddle - React, Tailwind, and code Playground

HTML

<div id="chartContainer" style="height: 370px; width: 100%;"></div>
<script src="https://canvasjs.com/assets/script/jquery-1.11.1.min.js"></script>
<script src="https://canvasjs.com/assets/script/jquery.canvasjs.min.js"></script>

JavaScript

//Creating a multi-series line graph from 2 sets of data. Namely dps1 and dps2.

// Ajax request for getting JSON data

        $.getJSON("http://vps777565.ovh.net/chiabtc/chia_prices.json", function(data1) {
                        var dps1 = data1.prices
                        for( var i = 0; i < data1.length; i++) {
                        dataPoints1.push({ label: data1[i].label, y: data1[i].y });
                }

        $.getJSON("http://vps777565.ovh.net/chiabtc/bitcoin_prices.json", function(data2) {
                        var dps2 = data2.prices
                        for( var i = 0; i < data2.length; i++) {
                        dataPoints2.push({ label: data2[i].label, y: data2[i].y2 });
                }

var chart = new CanvasJS.Chart("chartContainer", {
    title: {
        text: "Live Data"
    },
    axisX: {
        title: "Axis X Title"
    },
    axisY: {
        title: "Units"
    },

    // begin data for 2 line graphs. Note dps1 and dps2 are
    //defined above as a json object. See http://www.w3schools.com/json/
    data: [
        { type: "line", dataPoints: dps1 },
        { type: "line", dataPoints: dps2 }
    ]
    // end of data for 2 line graphs

}); // End of new chart variable

chart.render();