Good afternoon!
I'm using highcharts in a react.js application. My chart option object looks like this:
{
title: {
text: 'Deslocamento dos Alvos'
},
chart: {
renderTo: 'chart',
zoomType: 'x',
height: '33%',
backgroundColor:'rgba(255, 255, 255, 0.0)',
},
boost: {
useGPUTranslations: true
},
rangeSelector: {
buttons: [{
type: 'hour',
count: 1,
text: '1h',
}, {
type: 'hour',
count: 12,
text: '12h',
}, {
type: 'day',
count: 1,
text: '1d',
}, {
type: 'day',
count: 7,
text: '1sem',
}, {
type: 'day',
count: 15,
text: '15d',
}, {
type: 'month',
count: 1,
text: '1m',
}, {
type: 'month',
count: 6,
text: '6m',
}, {
type: 'year',
count: 1,
text: '1a',
}, {
type: 'all',
text: 'All',
}, {
}],
inputDateFormat: '%e/%b/%Y, %H:%M',
inputEditDateFormat: '%e/%b/%Y, %H:%M',
inputBoxWidth: 150,
},
yAxis: {
labels: {
format: '{value} mm'
},
opposite: false,
tickInterval: 1
},
tooltip: {
shared: true,
},
plotOptions: {
series: {
lineWidth: 1.3
}
},
series: [
{data: this.props.targetsData[0].data},
{data: this.props.targetsData[1].data},
{data: this.props.targetsData[2].data},
{data: this.props.targetsData[3].data},
{data: this.props.targetsData[4].data},
{data: this.props.targetsData[5].data},
{data: this.props.targetsData[6].data},
{data: this.props.targetsData[7].data},
{data: this.props.targetsData[8].data},
]
}
)
}
I need them to be grouped because my available height is too short. But when I put the tooltip.shared: true it does not group the tooltips and nothing changes in relation to the default that is false.
Can anyone help me? Thank you in advance!