I've been working on creating a heatmap to display the time taken for each task to execute. The x-axis will show time in datetime format, the y-axis will contain the task names, and each point will represent the time taken for the task execution.
[{datetime, stage name, value}]
My xCategory array looks like this:
xCategory = [1527657415000, ... some datetime]
The yCategory is:
yCategories = ["Stage", ...]
and series.data=[[0, 0, 12], [0, 1, 12], ...]
When trying to render the chart using Highcharts, it's not displaying properly.
var chart = new Highcharts.Chart('chart', {
chart: {
type: 'heatmap'
},
xAxis: {
// categories: xCategories,
type: 'datetime',
dateTimeLabelFormats: {
month: '%e. %b',
year: '%b'
}
},
yAxis: {
// categories: yCategories
},
plotOptions: {
series: {
colorByPoint: true
}
},
series: series
});