JSFiddle - React, Tailwind, and code Playground

by J. Albert Bowden

HTML

<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<div id="container">

</div>
<div id="notes">

</div>
<div id="container2">

</div>

JavaScript

var data = [0, 2, 4, 5, 6, 8, 10];

var chartOptions = {
	chart: {
  	type: 'line'
  },
  title: {
  	text: 'Chart One'
  },
	series: [{
  	name: 'X',
    data: data
  }]
}
var chartOptions2 = {
	chart: {
  	type: 'line'
  },
  title: {
  	text: 'Chart Two'
  },
	series: [{
  	name: 'Y',
    data: data
  }]
}

var options = {
	chart: {
  	type: 'bar'
  },
  title: {
  	text: 'creating your first chart'
  },
  series: [{
  	name: 'bar',
    data: [1, 2, 3, 4]
  }]
}
jQuery('#container').highcharts(options);

//var chart = jQuery('#container').highcharts(chartOptions).highcharts();
//jQuery('#container2').highcharts(chartOptions2);