Necesito implementar un gráfico de columnas desplazable con Highcharts.
Pregunta: ¿Cómo hago para que la barra de desplazamiento esté siempre visible? Es visible cuando trato de desplazarme y se esconde cuando no está en uso.
Highcharts.chart('container', { chart: { type: 'column', scrollablePlotArea: { enabled: true, minWidth: 1800 }, marginRight: 30 }, scrollbar: { enabled:true }, title: { text: 'Stacked column chart' }, xAxis: { categories: ['Apples', 'Oranges', 'Pears', 'Grapes', 'Bananas'], scrollbar: { enabled: true }, }, yAxis: { min: 0, title: { text: 'Total fruit consumption' }, stackLabels: { enabled: true, style: { fontWeight: 'bold', color: ( // theme Highcharts.defaultOptions.title.style && Highcharts.defaultOptions.title.style.color ) || 'gray', textOutline: 'none' } } }, legend: { align: 'right', x: -30, verticalAlign: 'top', y: 25, floating: true, backgroundColor: Highcharts.defaultOptions.legend.backgroundColor || 'white', borderColor: '#CCC', borderWidth: 1, shadow: false }, tooltip: { headerFormat: '<b>{point.x}</b><br/>', pointFormat: '{series.name}: {point.y}<br/>Total: {point.stackTotal}' }, plotOptions: { column: { stacking: 'normal', dataLabels: { enabled: true } } }, series: [{ name: 'John', data: [5, 3, 4, 7, 2] }, { name: 'Jane', data: [2, 2, 3, 2, 1] }, { name: 'Joe', data: [3, 4, 4, 2, 5] }] });Demostración en vivo: https://jsfiddle.net/5zkye8f7/9/