Having some issues while testing out the Highcharts javascript charting library on a specific page.
The problem I'm encountering is that none of the data appears until I adjust the browser's size slightly. Prior to resizing, the tooltip does display the points.
Initially, I suspected it was related to jquery tabs, but that turned out not to be the case. I followed the fix recommended by Highcharts. http://www.highcharts.com/studies/jquery-ui-tabs.htm
I attempted to use the setSize() method for the charts after initialization to check if manually resizing would make the lines visible.
Any suggestions or insights?
This is how I'm setting up the chart:
$(div).ready(function(){
var chart = new Highcharts.Chart({
chart: {renderTo: 'some-div', type: 'line'},
title: {text: 'Title'},
xAxis: {type: 'text',title: {text: null}},
yAxis: {title: {text: 'Usage'}},
series: [{name:"Series 1", data : [1,2,3,4,5,6,6,7,2,7] }],
legend: {enabled: true}
});
})