Problem with Highstocks Tooltip.Shared

0

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!

    
asked by anonymous 26.07.2018 / 21:07

0 answers