HI,
Hoping you could tell me what I'm doing wrong in the cloud version.
The TH of the tooltip I've set up isn't showing the sector in this chart:
https://cloud.highcharts.com/show/s0bTakN3F
When it is working in this JSfiddle:
https://jsfiddle.net/crooked/xw1m60u8/
Tooltip:
tooltip: {
useHTML: true,
headerFormat: '<table>',
pointFormat: '<tr><th colspan="2"><h3>{point.sector}</h3></th></tr>' +
'<tr><th>Changes in Employment Share (2003-2017):</th><td>{point.x}</td></tr>' +
'<tr><th>Relative Productivity Level:</th><td>{point.y}</td></tr>' +
'<tr><th>Employment share:</th><td>{point.z}</td></tr>',
footerFormat: '</table>',
followPointer: true
},
and then down in the series:
series: [{
data: [
{ x: -0.14, y: -1.11, z: 0.32, name: '', sector: 'Agriculture, Plantation'},
{ x: 0, y: 1.69, z: 0.01, name: '', sector: 'Mining and quarrying' },
{ x: 0.01, y: 0.29, z: 0.13, name: '', sector: 'Industry' },
{ x: 0, y: 1.13, z: 0.00, name: '', sector: 'Electricity, Gas and Water' },
{ x: 0.02, y: 0.18, z: 0.07, name: '', sector: 'Construction' },
{ x: 0.04, y: -0.52, z: 0.23, name: '', sector: 'Trade, Restaurants' },
{ x: -0.01, y: 0.43, z: 0.05, name: '', sector: 'Transportation, Warehousing' },
{ x: 0.02, y: 0.87, z: 0.03, name: '', sector: 'Financial Institution' },
{ x: 0.06, y: -0.97, z: 0.16, name: '', sector: 'Social, Social and Individual' },
]
}]
Thanks!!