Continuous time heatmap
Load per 15-minute bucket across a day for several servers, on a datetime x axis with centred labels (heatmap wcc.centerTimeLabels).
Open the chart without page chrome ↗
const options = {
chart: {
height: 380,
fontFamily: "Inter, Geist, \"IBM Plex Sans\", system-ui, sans-serif",
type: "heatmap",
toolbar: {
show: false
}
},
series: [
{
name: "web-1",
data: [
{
x: 1792713600000,
y: 38
},
{
x: 1792714500000,
y: 32
},
{
x: 1792715400000,
y: 31
},
{
x: 1792716300000,
y: 31
},
{
x: 1792717200000,
y: 38
},
{
x: 1792718100000,
y: 37
},
{
x: 1792719000000,
y: 35
},
{
x: 1792719900000,
y: 39
},
{
x: 1792720800000,
y: 37
},
{
x: 1792721700000,
y: 39
},
{
x: 1792722600000,
y: 31
},
{
x: 1792723500000,
y: 30
},
{
x: 1792724400000,
y: 33
},
{
x: 1792725300000,
y: 36
},
{
x: 1792726200000,
y: 34
},
{
x: 1792727100000,
y: 32
},
{
x: 1792728000000,
y: 33
},
{
x: 1792728900000,
y: 33
},
{
x: 1792729800000,
y: 37
},
{
x: 1792730700000,
y: 37
},
{
x: 1792731600000,
y: 40
},
{
x: 1792732500000,
y: 37
},
{
x: 1792733400000,
y: 31
},
{
x: 1792734300000,
y: 40
},
{
x: 1792735200000,
y: 33
},
{
x: 1792736100000,
y: 42
},
{
x: 1792737000000,
y: 35
},
{
x: 1792737900000,
y: 41
},
{
x: 1792738800000,
y: 35
},
{
x: 1792739700000,
y: 36
},
{
x: 1792740600000,
y: 45
},
{
x: 1792741500000,
y: 46
},
{
x: 1792742400000,
y: 46
},
{
x: 1792743300000,
y: 41
},
{
x: 1792744200000,
y: 43
},
{
x: 1792745100000,
y: 45
},
{
x: 1792746000000,
y: 53
},
{
x: 1792746900000,
y: 51
},
{
x: 1792747800000,
y: 52
},
{
x: 1792748700000,
y: 50
},
{
x: 1792749600000,
y: 60
},
{
x: 1792750500000,
y: 59
},
{
x: 1792751400000,
y: 63
},
{
x: 1792752300000,
y: 62
},
{
x: 1792753200000,
y: 67
},
{
x: 1792754100000,
y: 73
},
{
x: 1792755000000,
y: 68
},
{
x: 1792755900000,
y: 73
},
{
x: 1792756800000,
y: 74
},
{
x: 1792757700000,
y: 73
},
{
x: 1792758600000,
y: 80
},
{
x: 1792759500000,
y: 83
},
{
x: 1792760400000,
y: 84
},
{
x: 1792761300000,
y: 79
},
{
x: 1792762200000,
y: 83
},
{
x: 1792763100000,
y: 86
},
{
x: 1792764000000,
y: 84
},
{
x: 1792764900000,
y: 81
},
{
x: 1792765800000,
y: 89
},
{
x: 1792766700000,
y: 88
},
{
x: 1792767600000,
y: 83
},
{
x: 1792768500000,
y: 82
},
{
x: 1792769400000,
y: 82
},
{
x: 1792770300000,
y: 74
},
{
x: 1792771200000,
y: 79
},
{
x: 1792772100000,
y: 71
},
{
x: 1792773000000,
y: 75
},
{
x: 1792773900000,
y: 68
},
{
x: 1792774800000,
y: 67
},
{
x: 1792775700000,
y: 68
},
{
x: 1792776600000,
y: 59
},
{
x: 1792777500000,
y: 54
},
{
x: 1792778400000,
y: 57
},
{
x: 1792779300000,
y: 56
},
{
x: 1792780200000,
y: 48
},
{
x: 1792781100000,
y: 48
},
{
x: 1792782000000,
y: 51
},
{
x: 1792782900000,
y: 51
},
{
x: 1792783800000,
y: 46
},
{
x: 1792784700000,
y: 40
},
{
x: 1792785600000,
y: 38
},
{
x: 1792786500000,
y: 41
},
{
x: 1792787400000,
y: 43
},
{
x: 1792788300000,
y: 39
},
{
x: 1792789200000,
y: 40
},
{
x: 1792790100000,
y: 38
},
{
x: 1792791000000,
y: 39
},
{
x: 1792791900000,
y: 40
},
{
x: 1792792800000,
y: 38
},
{
x: 1792793700000,
y: 38
},
{
x: 1792794600000,
y: 36
},
{
x: 1792795500000,
y: 32
},
{
x: 1792796400000,
y: 35
},
{
x: 1792797300000,
y: 40
},
{
x: 1792798200000,
y: 40
},
{
x: 1792799100000,
y: 35
}
]
},
{
name: "web-2",
data: [
{
x: 1792713600000,
y: 30
},
{
x: 1792714500000,
y: 33
},
{
x: 1792715400000,
y: 39
},
{
x: 1792716300000,
y: 40
},
{
x: 1792717200000,
y: 39
},
{
x: 1792718100000,
y: 40
},
{
x: 1792719000000,
y: 36
},
{
x: 1792719900000,
y: 32
},
{
x: 1792720800000,
y: 33
},
{
x: 1792721700000,
y: 39
},
{
x: 1792722600000,
y: 37
},
{
x: 1792723500000,
y: 36
},
{
x: 1792724400000,
y: 30
},
{
x: 1792725300000,
y: 38
},
{
x: 1792726200000,
y: 38
},
{
x: 1792727100000,
y: 32
},
{
x: 1792728000000,
y: 39
},
{
x: 1792728900000,
y: 32
},
{
x: 1792729800000,
y: 30
},
{
x: 1792730700000,
y: 35
},
{
x: 1792731600000,
y: 34
},
{
x: 1792732500000,
y: 31
},
{
x: 1792733400000,
y: 35
},
{
x: 1792734300000,
y: 38
},
{
x: 1792735200000,
y: 33
},
{
x: 1792736100000,
y: 40
},
{
x: 1792737000000,
y: 35
},
{
x: 1792737900000,
y: 36
},
{
x: 1792738800000,
y: 38
},
{
x: 1792739700000,
y: 35
},
{
x: 1792740600000,
y: 38
},
{
x: 1792741500000,
y: 35
},
{
x: 1792742400000,
y: 38
},
{
x: 1792743300000,
y: 39
},
{
x: 1792744200000,
y: 42
},
{
x: 1792745100000,
y: 41
},
{
x: 1792746000000,
y: 46
},
{
x: 1792746900000,
y: 45
},
{
x: 1792747800000,
y: 43
},
{
x: 1792748700000,
y: 48
},
{
x: 1792749600000,
y: 49
},
{
x: 1792750500000,
y: 49
},
{
x: 1792751400000,
y: 58
},
{
x: 1792752300000,
y: 61
},
{
x: 1792753200000,
y: 57
},
{
x: 1792754100000,
y: 60
},
{
x: 1792755000000,
y: 66
},
{
x: 1792755900000,
y: 64
},
{
x: 1792756800000,
y: 67
},
{
x: 1792757700000,
y: 76
},
{
x: 1792758600000,
y: 68
},
{
x: 1792759500000,
y: 80
},
{
x: 1792760400000,
y: 77
},
{
x: 1792761300000,
y: 78
},
{
x: 1792762200000,
y: 81
},
{
x: 1792763100000,
y: 85
},
{
x: 1792764000000,
y: 84
},
{
x: 1792764900000,
y: 88
},
{
x: 1792765800000,
y: 89
},
{
x: 1792766700000,
y: 81
},
{
x: 1792767600000,
y: 87
},
{
x: 1792768500000,
y: 89
},
{
x: 1792769400000,
y: 88
},
{
x: 1792770300000,
y: 81
},
{
x: 1792771200000,
y: 83
},
{
x: 1792772100000,
y: 75
},
{
x: 1792773000000,
y: 73
},
{
x: 1792773900000,
y: 78
},
{
x: 1792774800000,
y: 76
},
{
x: 1792775700000,
y: 71
},
{
x: 1792776600000,
y: 69
},
{
x: 1792777500000,
y: 64
},
{
x: 1792778400000,
y: 68
},
{
x: 1792779300000,
y: 65
},
{
x: 1792780200000,
y: 63
},
{
x: 1792781100000,
y: 59
},
{
x: 1792782000000,
y: 55
},
{
x: 1792782900000,
y: 54
},
{
x: 1792783800000,
y: 50
},
{
x: 1792784700000,
y: 49
},
{
x: 1792785600000,
y: 44
},
{
x: 1792786500000,
y: 48
},
{
x: 1792787400000,
y: 45
},
{
x: 1792788300000,
y: 38
},
{
x: 1792789200000,
y: 37
},
{
x: 1792790100000,
y: 41
},
{
x: 1792791000000,
y: 44
},
{
x: 1792791900000,
y: 40
},
{
x: 1792792800000,
y: 42
},
{
x: 1792793700000,
y: 41
},
{
x: 1792794600000,
y: 38
},
{
x: 1792795500000,
y: 33
},
{
x: 1792796400000,
y: 38
},
{
x: 1792797300000,
y: 36
},
{
x: 1792798200000,
y: 36
},
{
x: 1792799100000,
y: 35
}
]
},
{
name: "api-1",
data: [
{
x: 1792713600000,
y: 37
},
{
x: 1792714500000,
y: 31
},
{
x: 1792715400000,
y: 33
},
{
x: 1792716300000,
y: 34
},
{
x: 1792717200000,
y: 35
},
{
x: 1792718100000,
y: 38
},
{
x: 1792719000000,
y: 33
},
{
x: 1792719900000,
y: 38
},
{
x: 1792720800000,
y: 39
},
{
x: 1792721700000,
y: 36
},
{
x: 1792722600000,
y: 35
},
{
x: 1792723500000,
y: 39
},
{
x: 1792724400000,
y: 36
},
{
x: 1792725300000,
y: 39
},
{
x: 1792726200000,
y: 36
},
{
x: 1792727100000,
y: 40
},
{
x: 1792728000000,
y: 31
},
{
x: 1792728900000,
y: 38
},
{
// ... truncated, use Copy or open the full config
const chart = new WestCoastCharts(document.querySelector('#chart'), options)
chart.render()import WestCoastCharts from 'west-coast-charts'
const options = {
chart: {
height: 380,
fontFamily: "Inter, Geist, \"IBM Plex Sans\", system-ui, sans-serif",
type: "heatmap",
toolbar: {
show: false
}
},
series: [
{
name: "web-1",
data: [
{
x: 1792713600000,
y: 38
},
{
x: 1792714500000,
y: 32
},
{
x: 1792715400000,
y: 31
},
{
x: 1792716300000,
y: 31
},
{
x: 1792717200000,
y: 38
},
{
x: 1792718100000,
y: 37
},
{
x: 1792719000000,
y: 35
},
{
x: 1792719900000,
y: 39
},
{
x: 1792720800000,
y: 37
},
{
x: 1792721700000,
y: 39
},
{
x: 1792722600000,
y: 31
},
{
x: 1792723500000,
y: 30
},
{
x: 1792724400000,
y: 33
},
{
x: 1792725300000,
y: 36
},
{
x: 1792726200000,
y: 34
},
{
x: 1792727100000,
y: 32
},
{
x: 1792728000000,
y: 33
},
{
x: 1792728900000,
y: 33
},
{
x: 1792729800000,
y: 37
},
{
x: 1792730700000,
y: 37
},
{
x: 1792731600000,
y: 40
},
{
x: 1792732500000,
y: 37
},
{
x: 1792733400000,
y: 31
},
{
x: 1792734300000,
y: 40
},
{
x: 1792735200000,
y: 33
},
{
x: 1792736100000,
y: 42
},
{
x: 1792737000000,
y: 35
},
{
x: 1792737900000,
y: 41
},
{
x: 1792738800000,
y: 35
},
{
x: 1792739700000,
y: 36
},
{
x: 1792740600000,
y: 45
},
{
x: 1792741500000,
y: 46
},
{
x: 1792742400000,
y: 46
},
{
x: 1792743300000,
y: 41
},
{
x: 1792744200000,
y: 43
},
{
x: 1792745100000,
y: 45
},
{
x: 1792746000000,
y: 53
},
{
x: 1792746900000,
y: 51
},
{
x: 1792747800000,
y: 52
},
{
x: 1792748700000,
y: 50
},
{
x: 1792749600000,
y: 60
},
{
x: 1792750500000,
y: 59
},
{
x: 1792751400000,
y: 63
},
{
x: 1792752300000,
y: 62
},
{
x: 1792753200000,
y: 67
},
{
x: 1792754100000,
y: 73
},
{
x: 1792755000000,
y: 68
},
{
x: 1792755900000,
y: 73
},
{
x: 1792756800000,
y: 74
},
{
x: 1792757700000,
y: 73
},
{
x: 1792758600000,
y: 80
},
{
x: 1792759500000,
y: 83
},
{
x: 1792760400000,
y: 84
},
{
x: 1792761300000,
y: 79
},
{
x: 1792762200000,
y: 83
},
{
x: 1792763100000,
y: 86
},
{
x: 1792764000000,
y: 84
},
{
x: 1792764900000,
y: 81
},
{
x: 1792765800000,
y: 89
},
{
x: 1792766700000,
y: 88
},
{
x: 1792767600000,
y: 83
},
{
x: 1792768500000,
y: 82
},
{
x: 1792769400000,
y: 82
},
{
x: 1792770300000,
y: 74
},
{
x: 1792771200000,
y: 79
},
{
x: 1792772100000,
y: 71
},
{
x: 1792773000000,
y: 75
},
{
x: 1792773900000,
y: 68
},
{
x: 1792774800000,
y: 67
},
{
x: 1792775700000,
y: 68
},
{
x: 1792776600000,
y: 59
},
{
x: 1792777500000,
y: 54
},
{
x: 1792778400000,
y: 57
},
{
x: 1792779300000,
y: 56
},
{
x: 1792780200000,
y: 48
},
{
x: 1792781100000,
y: 48
},
{
x: 1792782000000,
y: 51
},
{
x: 1792782900000,
y: 51
},
{
x: 1792783800000,
y: 46
},
{
x: 1792784700000,
y: 40
},
{
x: 1792785600000,
y: 38
},
{
x: 1792786500000,
y: 41
},
{
x: 1792787400000,
y: 43
},
{
x: 1792788300000,
y: 39
},
{
x: 1792789200000,
y: 40
},
{
x: 1792790100000,
y: 38
},
{
x: 1792791000000,
y: 39
},
{
x: 1792791900000,
y: 40
},
{
x: 1792792800000,
y: 38
},
{
x: 1792793700000,
y: 38
},
{
x: 1792794600000,
y: 36
},
{
x: 1792795500000,
y: 32
},
{
x: 1792796400000,
y: 35
},
{
x: 1792797300000,
y: 40
},
{
x: 1792798200000,
y: 40
},
{
x: 1792799100000,
y: 35
}
]
},
{
name: "web-2",
data: [
{
x: 1792713600000,
y: 30
},
{
x: 1792714500000,
y: 33
},
{
x: 1792715400000,
y: 39
},
{
x: 1792716300000,
y: 40
},
{
x: 1792717200000,
y: 39
},
{
x: 1792718100000,
y: 40
},
{
x: 1792719000000,
y: 36
},
{
x: 1792719900000,
y: 32
},
{
x: 1792720800000,
y: 33
},
{
x: 1792721700000,
y: 39
},
{
x: 1792722600000,
y: 37
},
{
x: 1792723500000,
y: 36
},
{
x: 1792724400000,
y: 30
},
{
x: 1792725300000,
y: 38
},
{
x: 1792726200000,
y: 38
},
{
x: 1792727100000,
y: 32
},
{
x: 1792728000000,
y: 39
},
{
x: 1792728900000,
y: 32
},
{
x: 1792729800000,
y: 30
},
{
x: 1792730700000,
y: 35
},
{
x: 1792731600000,
y: 34
},
{
x: 1792732500000,
y: 31
},
{
x: 1792733400000,
y: 35
},
{
x: 1792734300000,
y: 38
},
{
x: 1792735200000,
y: 33
},
{
x: 1792736100000,
y: 40
},
{
x: 1792737000000,
y: 35
},
{
x: 1792737900000,
y: 36
},
{
x: 1792738800000,
y: 38
},
{
x: 1792739700000,
y: 35
},
{
x: 1792740600000,
y: 38
},
{
x: 1792741500000,
y: 35
},
{
x: 1792742400000,
y: 38
},
{
x: 1792743300000,
y: 39
},
{
x: 1792744200000,
y: 42
},
{
x: 1792745100000,
y: 41
},
{
x: 1792746000000,
y: 46
},
{
x: 1792746900000,
y: 45
},
{
x: 1792747800000,
y: 43
},
{
x: 1792748700000,
y: 48
},
{
x: 1792749600000,
y: 49
},
{
x: 1792750500000,
y: 49
},
{
x: 1792751400000,
y: 58
},
{
x: 1792752300000,
y: 61
},
{
x: 1792753200000,
y: 57
},
{
x: 1792754100000,
y: 60
},
{
x: 1792755000000,
y: 66
},
{
x: 1792755900000,
y: 64
},
{
x: 1792756800000,
y: 67
},
{
x: 1792757700000,
y: 76
},
{
x: 1792758600000,
y: 68
},
{
x: 1792759500000,
y: 80
},
{
x: 1792760400000,
y: 77
},
{
x: 1792761300000,
y: 78
},
{
x: 1792762200000,
y: 81
},
{
x: 1792763100000,
y: 85
},
{
x: 1792764000000,
y: 84
},
{
x: 1792764900000,
y: 88
},
{
x: 1792765800000,
y: 89
},
{
x: 1792766700000,
y: 81
},
{
x: 1792767600000,
y: 87
},
{
x: 1792768500000,
y: 89
},
{
x: 1792769400000,
y: 88
},
{
x: 1792770300000,
y: 81
},
{
x: 1792771200000,
y: 83
},
{
x: 1792772100000,
y: 75
},
{
x: 1792773000000,
y: 73
},
{
x: 1792773900000,
y: 78
},
{
x: 1792774800000,
y: 76
},
{
x: 1792775700000,
y: 71
},
{
x: 1792776600000,
y: 69
},
{
x: 1792777500000,
y: 64
},
{
x: 1792778400000,
y: 68
},
{
x: 1792779300000,
y: 65
},
{
x: 1792780200000,
y: 63
},
{
x: 1792781100000,
y: 59
},
{
x: 1792782000000,
y: 55
},
{
x: 1792782900000,
y: 54
},
{
x: 1792783800000,
y: 50
},
{
x: 1792784700000,
y: 49
},
{
x: 1792785600000,
y: 44
},
{
x: 1792786500000,
y: 48
},
{
x: 1792787400000,
y: 45
},
{
x: 1792788300000,
y: 38
},
{
x: 1792789200000,
y: 37
},
{
x: 1792790100000,
y: 41
},
{
x: 1792791000000,
y: 44
},
{
x: 1792791900000,
y: 40
},
{
x: 1792792800000,
y: 42
},
{
x: 1792793700000,
y: 41
},
{
x: 1792794600000,
y: 38
},
{
x: 1792795500000,
y: 33
},
{
x: 1792796400000,
y: 38
},
{
x: 1792797300000,
y: 36
},
{
x: 1792798200000,
y: 36
},
{
x: 1792799100000,
y: 35
}
]
},
{
name: "api-1",
data: [
{
x: 1792713600000,
y: 37
},
{
x: 1792714500000,
y: 31
},
{
x: 1792715400000,
y: 33
},
{
x: 1792716300000,
y: 34
},
{
x: 1792717200000,
y: 35
},
{
x: 1792718100000,
y: 38
},
{
x: 1792719000000,
y: 33
},
{
x: 1792719900000,
y: 38
},
{
x: 1792720800000,
y: 39
},
{
x: 1792721700000,
y: 36
},
{
x: 1792722600000,
y: 35
},
{
x: 1792723500000,
y: 39
},
{
x: 1792724400000,
y: 36
},
{
x: 1792725300000,
y: 39
},
{
x: 1792726200000,
y: 36
},
{
x: 1792727100000,
y: 40
},
{
x: 1792728000000,
y: 31
},
{
x: 1792728900000,
y: 38
},
{
x: 1792729800000,
y: 37
},
{
x: 1792730700000,
y: 37
},
{
x: 1792731600000,
y: 31
},
{
x: 1792732500000,
y: 32
},
{
x: 1792733400000,
y: 32
},
{
x: 1792734300000,
y: 36
},
{
x: 1792735200000,
y: 32
},
{
x: 1792736100000,
y: 37
},
{
x: 1792737000000,
y: 33
},
{
x: 1792737900000,
y: 35
},
{
x: 1792738800000,
y: 34
},
{
x: 1792739700000,
y: 39
},
{
x: 1792740600000,
y: 37
},
{
x: 1792741500000,
y: 39
},
{
x: 1792742400000,
y: 41
},
{
x: 1792743300000,
y: 33
},
{
x: 1792744200000,
y: 34
},
{
x: 1792745100000,
y: 35
},
{
x: 1792746000000,
y: 42
},
{
x: 1792746900000,
y: 45
},
{
x: 1792747800000,
y: 38
},
{
x: 1792748700000,
y: 44
},
{
x: 1792749600000,
y: 44
},
{
x: 1792750500000,
y: 49
},
{
x: 1792751400000,
y: 51
},
{
x: 1792752300000,
y: 52
},
{
x: 1792753200000,
y: 57
},
{
x: 1792754100000,
y: 50
},
{
x: 1792755000000,
y: 59
},
{
x: 1792755900000,
y: 63
},
{
x: 1792756800000,
y: 57
},
{
x: 1792757700000,
y: 63
},
{
x: 1792758600000,
y: 69
},
{
x: 1792759500000,
y: 67
},
{
x: 1792760400000,
y: 71
},
{
x: 1792761300000,
y: 76
},
{
x: 1792762200000,
y: 74
},
{
x: 1792763100000,
y: 75
},
{
x: 1792764000000,
y: 82
},
{
x: 1792764900000,
y: 78
},
{
x: 1792765800000,
y: 83
},
{
x: 1792766700000,
y: 88
},
{
x: 1792767600000,
y: 83
},
{
x: 1792768500000,
y: 88
},
{
x: 1792769400000,
y: 83
},
{
x: 1792770300000,
y: 81
},
{
x: 1792771200000,
y: 89
},
{
x: 1792772100000,
y: 80
},
{
x: 1792773000000,
y: 78
},
{
x: 1792773900000,
y: 78
},
{
x: 1792774800000,
y: 79
},
{
x: 1792775700000,
y: 73
},
{
x: 1792776600000,
y: 72
},
{
x: 1792777500000,
y: 74
},
{
x: 1792778400000,
y: 67
},
{
x: 1792779300000,
y: 64
},
{
x: 1792780200000,
y: 67
},
{
x: 1792781100000,
y: 68
},
{
x: 1792782000000,
y: 58
},
{
x: 1792782900000,
y: 56
},
{
x: 1792783800000,
y: 52
},
{
x: 1792784700000,
y: 52
},
{
x: 1792785600000,
y: 54
},
{
x: 1792786500000,
y: 54
},
{
x: 1792787400000,
y: 50
},
{
x: 1792788300000,
y: 47
},
{
x: 1792789200000,
y: 43
},
{
x: 1792790100000,
y: 48
},
{
x: 1792791000000,
y: 44
},
{
x: 1792791900000,
y: 39
},
{
x: 1792792800000,
y: 43
},
{
x: 1792793700000,
y: 37
},
{
x: 1792794600000,
y: 37
},
{
x: 1792795500000,
y: 38
},
{
x: 1792796400000,
y: 38
},
{
x: 1792797300000,
y: 33
},
{
x: 1792798200000,
y: 39
},
{
x: 1792799100000,
y: 41
}
]
},
{
name: "api-2",
data: [
{
x: 1792713600000,
y: 36
},
{
x: 1792714500000,
y: 36
},
{
x: 1792715400000,
y: 32
},
{
x: 1792716300000,
y: 31
},
{
x: 1792717200000,
y: 36
},
{
x: 1792718100000,
y: 39
},
{
x: 1792719000000,
y: 31
},
{
x: 1792719900000,
y: 40
},
{
x: 1792720800000,
y: 36
},
{
x: 1792721700000,
y: 34
},
{
x: 1792722600000,
y: 31
},
{
x: 1792723500000,
y: 33
},
{
x: 1792724400000,
y: 38
},
{
x: 1792725300000,
y: 35
},
{
x: 1792726200000,
y: 38
},
{
x: 1792727100000,
y: 34
},
{
x: 1792728000000,
y: 35
},
{
x: 1792728900000,
y: 39
},
{
x: 1792729800000,
y: 40
},
{
x: 1792730700000,
y: 39
},
{
x: 1792731600000,
y: 37
},
{
x: 1792732500000,
y: 32
},
{
x: 1792733400000,
y: 34
},
{
x: 1792734300000,
y: 39
},
{
x: 1792735200000,
y: 36
},
{
x: 1792736100000,
y: 33
},
{
x: 1792737000000,
y: 35
},
{
x: 1792737900000,
y: 35
},
{
x: 1792738800000,
y: 40
},
{
x: 1792739700000,
y: 31
},
{
x: 1792740600000,
y: 32
},
{
x: 1792741500000,
y: 31
},
{
x: 1792742400000,
y: 40
},
{
x: 1792743300000,
y: 37
},
{
x: 1792744200000,
y: 41
},
{
x: 1792745100000,
y: 39
},
{
x: 1792746000000,
y: 36
},
{
x: 1792746900000,
y: 38
},
{
x: 1792747800000,
y: 41
},
{
x: 1792748700000,
y: 41
},
{
x: 1792749600000,
y: 45
},
{
x: 1792750500000,
y: 40
},
{
x: 1792751400000,
y: 41
},
{
x: 1792752300000,
y: 49
},
{
x: 1792753200000,
y: 43
},
{
x: 1792754100000,
y: 46
},
{
x: 1792755000000,
y: 55
},
{
x: 1792755900000,
y: 54
},
{
x: 1792756800000,
y: 49
},
{
x: 1792757700000,
y: 59
},
{
x: 1792758600000,
y: 58
},
{
x: 1792759500000,
y: 63
},
{
x: 1792760400000,
y: 62
},
{
x: 1792761300000,
y: 62
},
{
x: 1792762200000,
y: 73
},
{
x: 1792763100000,
y: 73
},
{
x: 1792764000000,
y: 70
},
{
x: 1792764900000,
y: 77
},
{
x: 1792765800000,
y: 80
},
{
x: 1792766700000,
y: 83
},
{
x: 1792767600000,
y: 78
},
{
x: 1792768500000,
y: 81
},
{
x: 1792769400000,
y: 88
},
{
x: 1792770300000,
y: 84
},
{
x: 1792771200000,
y: 80
},
{
x: 1792772100000,
y: 80
},
{
x: 1792773000000,
y: 88
},
{
x: 1792773900000,
y: 80
},
{
x: 1792774800000,
y: 81
},
{
x: 1792775700000,
y: 78
},
{
x: 1792776600000,
y: 82
},
{
x: 1792777500000,
y: 77
},
{
x: 1792778400000,
y: 82
},
{
x: 1792779300000,
y: 78
},
{
x: 1792780200000,
y: 74
},
{
x: 1792781100000,
y: 68
},
{
x: 1792782000000,
y: 65
},
{
x: 1792782900000,
y: 62
},
{
x: 1792783800000,
y: 68
},
{
x: 1792784700000,
y: 56
},
{
x: 1792785600000,
y: 56
},
{
x: 1792786500000,
y: 61
},
{
x: 1792787400000,
y: 59
},
{
x: 1792788300000,
y: 48
},
{
x: 1792789200000,
y: 54
},
{
x: 1792790100000,
y: 49
},
{
x: 1792791000000,
y: 45
},
{
x: 1792791900000,
y: 50
},
{
x: 1792792800000,
y: 41
},
{
x: 1792793700000,
y: 45
},
{
x: 1792794600000,
y: 36
},
{
x: 1792795500000,
y: 40
},
{
x: 1792796400000,
y: 42
},
{
x: 1792797300000,
y: 37
},
{
x: 1792798200000,
y: 35
},
{
x: 1792799100000,
y: 38
}
]
},
{
name: "db-1",
data: [
{
x: 1792713600000,
y: 37
},
{
x: 1792714500000,
y: 38
},
{
x: 1792715400000,
y: 33
},
{
x: 1792716300000,
y: 36
},
{
x: 1792717200000,
y: 39
},
{
x: 1792718100000,
y: 38
},
{
x: 1792719000000,
y: 40
},
{
x: 1792719900000,
y: 31
},
{
x: 1792720800000,
y: 31
},
{
x: 1792721700000,
y: 35
},
{
x: 1792722600000,
y: 33
},
{
x: 1792723500000,
y: 31
},
{
x: 1792724400000,
y: 32
},
{
x: 1792725300000,
y: 40
},
{
x: 1792726200000,
y: 37
},
{
x: 1792727100000,
y: 36
},
{
x: 1792728000000,
y: 35
},
{
x: 1792728900000,
y: 31
},
{
x: 1792729800000,
y: 34
},
{
x: 1792730700000,
y: 39
},
{
x: 1792731600000,
y: 30
},
{
x: 1792732500000,
y: 40
},
{
x: 1792733400000,
y: 35
},
{
x: 1792734300000,
y: 36
},
{
x: 1792735200000,
y: 39
},
{
x: 1792736100000,
y: 38
},
{
x: 1792737000000,
y: 32
},
{
x: 1792737900000,
y: 38
},
{
x: 1792738800000,
y: 33
},
{
x: 1792739700000,
y: 34
},
{
x: 1792740600000,
y: 39
},
{
x: 1792741500000,
y: 40
},
{
x: 1792742400000,
y: 32
},
{
x: 1792743300000,
y: 38
},
{
x: 1792744200000,
y: 37
},
{
x: 1792745100000,
y: 33
},
{
x: 1792746000000,
y: 33
},
{
x: 1792746900000,
y: 34
},
{
x: 1792747800000,
y: 36
},
{
x: 1792748700000,
y: 39
},
{
x: 1792749600000,
y: 40
},
{
x: 1792750500000,
y: 41
},
{
x: 1792751400000,
y: 42
},
{
x: 1792752300000,
y: 44
},
{
x: 1792753200000,
y: 39
},
{
x: 1792754100000,
y: 42
},
{
x: 1792755000000,
y: 47
},
{
x: 1792755900000,
y: 48
},
{
x: 1792756800000,
y: 47
},
{
x: 1792757700000,
y: 46
},
{
x: 1792758600000,
y: 48
},
{
x: 1792759500000,
y: 55
},
{
x: 1792760400000,
y: 58
},
{
x: 1792761300000,
y: 56
},
{
x: 1792762200000,
y: 57
},
{
x: 1792763100000,
y: 65
},
{
x: 1792764000000,
y: 66
},
{
x: 1792764900000,
y: 72
},
{
x: 1792765800000,
y: 73
},
{
x: 1792766700000,
y: 77
},
{
x: 1792767600000,
y: 73
},
{
x: 1792768500000,
y: 82
},
{
x: 1792769400000,
y: 82
},
{
x: 1792770300000,
y: 81
},
{
x: 1792771200000,
y: 85
},
{
x: 1792772100000,
y: 80
},
{
x: 1792773000000,
y: 85
},
{
x: 1792773900000,
y: 88
},
{
x: 1792774800000,
y: 84
},
{
x: 1792775700000,
y: 80
},
{
x: 1792776600000,
y: 85
},
{
x: 1792777500000,
y: 79
},
{
x: 1792778400000,
y: 86
},
{
x: 1792779300000,
y: 84
},
{
x: 1792780200000,
y: 75
},
{
x: 1792781100000,
y: 73
},
{
x: 1792782000000,
y: 80
},
{
x: 1792782900000,
y: 75
},
{
x: 1792783800000,
y: 75
},
{
x: 1792784700000,
y: 68
},
{
x: 1792785600000,
y: 70
},
{
x: 1792786500000,
y: 64
},
{
x: 1792787400000,
y: 66
},
{
x: 1792788300000,
y: 63
},
{
x: 1792789200000,
y: 52
},
{
x: 1792790100000,
y: 50
},
{
x: 1792791000000,
y: 57
},
{
x: 1792791900000,
y: 45
},
{
x: 1792792800000,
y: 44
},
{
x: 1792793700000,
y: 49
},
{
x: 1792794600000,
y: 42
},
{
x: 1792795500000,
y: 43
},
{
x: 1792796400000,
y: 46
},
{
x: 1792797300000,
y: 38
},
{
x: 1792798200000,
y: 39
},
{
x: 1792799100000,
y: 44
}
]
}
],
xaxis: {
type: "datetime",
labels: {
rotate: 0,
datetimeFormatter: {
hour: "HH:mm"
}
}
},
plotOptions: {
heatmap: {
wcc: {
centerTimeLabels: true
}
}
},
tooltip: {
x: {
format: "HH:mm"
}
},
colors: ["#d97706"],
dataLabels: {
enabled: false
},
stroke: {
width: 0.5
},
title: {
text: "Load per 15 minutes (%)"
},
theme: {
mode: "light",
preset: "coastal"
}
}
const chart = new WestCoastCharts(document.querySelector('#chart'), options)
await chart.render()Waiting for the chart.
Open Data & agent view to read this chart through chart.describe().
Read from the running library through its optional agent/describe module. Text, table and JSON share the same snapshot. Demo data only.
$ wcc chart export heatmap-continuous-datetime.json --out heatmap-continuous-datetime.svg --with-tablePublic agent tools 0.2.3, tested with Library 1.1.5; available from the versioned GitHub release and npm. Save a JSON spec first and check the loaded runtime and supported modules before rendering. Command reference
Loading /gallery/heatmap/continuous-datetime/index.md …