Highcharts Export Issue
by adkf37
HTML
<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>
<script src="https://code.highcharts.com/modules/export-data.js"></script>
<script src="https://code.highcharts.com/modules/parallel-coordinates.js"></script>
<div id="container"></div>
<h3>Exported CSV:</h3>
<pre id="preview"></pre>
CSS
#container {
height: 300px;
max-width: 800px;
margin: 2em auto;
}
pre {
border: 1px solid silver;
border-radius: 0.5em;
padding: 1em;
color: green;
}
JavaScript
var data = [
[1563494433000, 80931519, 34500000000, 5.5, 180980, 4.5],
[1563516033000, 192799982, 34299999999, 5.0, 180980, 2.6],
[1563537633000, 80952205, 34400000000, 5.4, 180981, 3.3],
[1563559233000, 80894709, 34500000000, 4.9, 180982, 2.3],
[1563580833000, 80957804, 34600000000, 5.5, 180982, 4.8],
[1563602433000, 82728321, 34299999999, 5.0, 180982, 2.4],
[1563624033000, 80941151, 34400000000, 5.4, 180982, 3.1],
[1563645633000, 80914473, 34500000000, 5.0, 180982, 2.4],
[1563667233000, 80940037, 34600000000, 5.5, 180982, 4.5],
[1563688833000, 82448403, 34299999999, 5.0, 180983, 2.5],
[1563710433000, 80957489, 34400000000, 5.4, 180983, 3.3],
[1563732033000, 80891619, 34500000000, 4.9, 180984, 2.4],
[1563753634000, 80950956, 34600000000, 5.4, 180984, 4.3],
[1563775233000, 82584246, 34400000000, 5.0, 180985, 2.5],
[1563796833000, 80932873, 34500000000, 5.5, 180986, 2.3],
[1563818432000, 80897394, 34600000000, 5.0, 180987, 2.4],
[1563840033000, 81005192, 34700000000, 5.6, 180988, 5.0],
[1563861634000, 81174388, 34500000000, 5.0, 180987, 2.5],
[1563883234000, 80937058, 34600000000, 5.4, 180988, 3.0]
];
var options = {
chart: {
type: 'spline',
parallelCoordinates: true,
parallelAxes: {
lineWidth: 2
},
renderTo: 'container'
},
title: {
text: 'Trends'
},
plotOptions: {
series: {
animation: false,
marker: {
enabled: false,
states: {
hover: {
enabled: false
}
}
},
states: {
hover: {
halo: {
size: 0
}
}
},
events: {
mouseOver: function() {
this.group.toFront();
}
}
}
},
xAxis: {
categories: [
'time',
'snapshot size',
'node usage',
'duration (min)',
'files backed',
'transfer time (min)'
],
offset: 10
},
yAxis: [{
type: 'datetime',
},
{
min: 0
...