I've been in the process of updating my highcharts to the latest version, but I've hit a roadblock.
Specifically, I have a bar chart set up with the following configuration:
{
chart: {
type: 'bar',
height: 70,
pointPadding: 0,
},
title: {
text: null,
},
credits: {
enabled: false,
},
xAxis: {
type: 'datetime',
visible: false,
},
yAxis: {
type: 'datetime',
min: startTime,
max: endTime,
visible: true,
opposite: false,
endOnTick: true,
ordinal: false,
minPadding: 0,
maxPadding: 0,
tickInterval: tickIntervalMs,
minTickInterval: tickIntervalMs,
reversedStacks: false,
title: {
text: null,
},
labels: {
style: {
color: mfTheme.colorPalette.n500,
},
formatter() {
return moment((this as any).value)
.tz(institutionTimezone)
.format('LT');
},
},
},
time: {
timezone: institutionTimezone,
moment,
},
legend: {
enabled: false,
},
tooltip: {
borderWidth: 0,
borderRadius: 24,
backgroundColor: '#FFFFFF',
},
plotOptions: {
series: {
stacking: 'normal',
pointWidth: 50,
groupPadding: 0,
pointPadding: 0,
borderWidth: 0,
},
},
series,
}
}
Everything looks great so far until version 10.2.1
https://i.sstatic.net/53ss6XUH.png
However, after upgrading to Highcharts 10.3.1, the bar disappears completely and just shows a blank white area.
Upon investigating, I noticed that all elements of the chart have a height and width of 0.
I'm using highcharts-react-official for this implementation.
I even went through the PR changes in the update notes but couldn't find any information on what might be causing the issue in the new version.
Any suggestions on how I can get the chart to reappear?
You can also view a reproducible example on codesandbox:
https://codesandbox.io/p/sandbox/highcharts-react-demo-forked-s82pdf?file=%2Fdemo.jsx