JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://axibase.com/atsd/atsdClient.bundle.js"></script>
<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/highcharts-3d.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>
<div id="staticPlotContainer" style="min-width: 310px; height: 400px; margin: 0 auto"></div>
JavaScript
$(function() {
var startTime = Date.now() - 7 * 24 * 3600 * 1000,
endTime = Date.now();
var postData = [{
startTime: startTime,
endTime: endTime,
entity: "nurswgvml006",
metric: "nmon.cpu.idle%",
tags: {
id: [1]
},
type: "HISTORY",
aggregate: {
types: ["AVG"],
period: {
count: 1,
unit: "DAY"
}
}
}, {
startTime: startTime,
endTime: endTime,
entity: "nurswgvml006",
metric: "nmon.cpu.sys%",
tags: {
id: [1]
},
type: "HISTORY",
aggregate: {
types: ["AVG"],
period: {
count: 1,
unit: "DAY"
}
}
}, {
startTime: startTime,
endTime: endTime,
entity: "nurswgvml006",
metric: "nmon.cpu.user%",
tags: {
id: [1]
},
type: "HISTORY",
aggregate: {
types: ["AVG"],
period: {
count: 1,
unit: "DAY"
}
}
}, {
startTime: startTime,
endTime: endTime,
entity: "nurswgvml007",
metric: "nmon.cpu.idle%",
tags: {
id: [1]
},
type: "HISTORY",
aggregate: {
types: ["AVG"],
period: {
count: 1,
...