JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://code.highcharts.com/stock/highstock.js"></script>
<script src="http://code.highcharts.com/stock/modules/exporting.js"></script>
<div id="container" style="min-width: 400px; height: 400px; margin: 0 auto"></div>
JavaScript
//<![CDATA[
jQuery(document).ready(
function() {
chart = new Highcharts.Chart({
"chart": {
"renderTo": "container",
},
"title": {
"text": "Data"
},
"xAxis": {
"categories": ["Week 18", "Week 19", "Week 20"],
"labels": {
"align": "center"
},
},
"series": [
{
"name": "data",
"type": "spline",
"data": [5, 4, 1],
},
{
"type": "flags",
"name": "Sun",
"y": -240,
"shape": "url(http://www.highcharts.com/demo/gfx/sun.png)",
"data": [{
"x": 1,
"title": " "}]}]
});
});
//]]>