我在我的一个页面上测试 Highcharts javascript 图表库时遇到了问题。
我看到的问题是,在我稍微调整浏览器大小之前,没有任何数据可见。在调整大小之前,工具提示确实显示了点。
首先,我认为问题是由于 jquery 选项卡造成的,但事实并非如此。我添加了来自 Highcharts 建议的修复程序。http://www.highcharts.com/studies/jquery-ui-tabs.htm
我尝试在初始化后调用图表 setSize() 方法,以查看手动调整大小是否会导致线条可行。
有任何想法吗?
这里我如何初始化图表。
$(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}
});
})