Question

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

Answer 1

想出来，好吧我没有找到问题但找到了解决方案。

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

通过changelog查看了一些针对Jquery 1.7 / 1.8兼容性问题的错误修复的引用可能是原因。

在调整浏览器大小之前，不会绘制Highcharts行

1 个答案: