JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="http://code.highcharts.com/modules/exporting.js"></script>
<div class="activityGraphContainer" style="min-width: 310px; height: 400px; max-width: 800px; margin: 0 auto"></div>
JavaScript
$(document).ready(function() {
var jsonData = [
{
"activityData": {
"type": "intType",
"displayData": {
"d": [
{
"displayDate": "may 1 2014",
"displayValue": "2000"
},
{
"displayDate": "may 3 2014",
"displayValue": "3000"
},
{
"displayDate": "may 4 2014",
"displayValue": "4000"
},
{
"displayDate": "may 5 2014",
"displayValue": "5000"
},
{
"displayDate": "may 25 2014",
"displayValue": "2000"
},
{
"displayDate": "may 2 2014",
"displayValue": "5568"
},
{
"displayDate": "may 12 2014",
"displayValue": "10000"
},
{
"displayDate": "may 12 2014",
"displayValue": "4000"
},
{
"displayDate": "may 4 2014",
"displayValue": "9980"
},
{
"displayDate": "may 30 2014",
"displayValue": "6600"
}
]
}
}
}
];
var v = new AccountActivityChart("activityGraphContainer", jsonData, {"displayMonth": "MAY"});
v.drawAccountActivityChart();
});
function AccountActivityChart(activityContainer, inputData, configParameters) {
//var privateData = {};
this.drawAccountActivityChart = function ()...