I had to remove the gap between the data, so I used the following code
xAxis: {
type: 'datetime',
ordinal: true,
}
series: [
{
dataGrouping: {
groupAll: true,
units: [[
'', []
]],
}}]
I also used the following code to use the time frame
series: [
{
type: 'candlestick',
data: ohlc.value,
yAxis: 0,
zIndex: 2,
useOhlcData: true,
dataGrouping: {
groupAll: true,
forced: true,
units: [[
'', []
]],
},
},
{
type: 'column',
id: 'volume',
name: 'Volume',
data: volume.value,
yAxis: 1,
zIndex: 1,
opacity: 0.7,
dataGrouping: {
forced: true,
units: [[
'', []
]],
},
}
But the problem is that the following codes are not possible at the same time
dataGrouping: {
groupAll: true,
forced: true,}