2

我在我的一个页面上测试 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}
    });
})
4

1 回答 1

2

想通了,好吧,我并没有完全找到问题,但找到了解决方案。

从版本 v2.1.6 升级到最新版本 (v2.3.5) 解决了它。

查看更改日志,有一些关于 Jquery 1.7/1.8 兼容性问题的错误修复的参考可能是原因。

于 2012-12-26T14:55:27.420 回答