JSFiddle - React, Tailwind, and code Playground

by arch

HTML

<script src="http://code.highcharts.com/highcharts.src.js"></script>
<script src="http://code.highcharts.com/highcharts-more.src.js"></script>
<iframe>

</iframe>

JavaScript

$('iframe').contents().html('    <html>        <head>           <script src="http://code.highcharts.com/highcharts.src.js" type="text/javascript" />        </head>        <body>    <div id="test">   Test</div><script type="text/javascript">                    $(function() {                    new Highcharts.Chart({                        chart: {                            renderTo: \'test\'                        },                        plotOptions: {                            line: {                                showInLegend: true                            }                        },                        series: [{                             data: [[1, 1], [2, 2], [3,3], [4, 4]]                        }],                        type: \'line\'                    });                });</script>        </body>    </html>')