Javascript highcharts y轴不显示图形是否太宽,但仅在某些浏览器中显示

Javascript highcharts y轴不显示图形是否太宽,但仅在某些浏览器中显示,javascript,graph,highcharts,Javascript,Graph,Highcharts,我在一张桌子里有六张图表;一排两个。每个图形都是600x600,在Firefox中看起来非常完美。但是,当我在Chrome或Internet Explorer中查看它们时,有一个图形无法完全呈现,如下所示:。如果我将此图形的宽度从600更改为500,它将按应有的方式显示。如果我把它增加到500以上,甚至到505,它就不能完全渲染。这可能是什么原因造成的 **编辑:去掉“对数”也可以显示y轴 这是我的密码: $('#usbm').highcharts({

我在一张桌子里有六张图表;一排两个。每个图形都是600x600,在Firefox中看起来非常完美。但是,当我在Chrome或Internet Explorer中查看它们时,有一个图形无法完全呈现,如下所示:。如果我将此图形的宽度从600更改为500,它将按应有的方式显示。如果我把它增加到500以上,甚至到505,它就不能完全渲染。这可能是什么原因造成的

**编辑:去掉“对数”也可以显示y轴

这是我的密码:

$('#usbm').highcharts({
                        chart: {
                                type: 'scatter',
                                height:600,
                                width:600
                        },
                        title: {
                                text: 'Peak Particle Velocity Vs. Frequency'
                        },
                        xAxis: {
                                min: 1,
                                max: 100,
                                type: 'logarithmic',
                                title: {
                                        text: "Frequency (Hz)"
                                },
                                labels: {
                                        overflow: 'justify'                 
                                },
                                tickmarkPlacement: 'on',
                                minorTickInterval:.1,
                                gridLineWidth: 1
                        },
                        yAxis: {
                                min: 0.01,
                                max: 10,
                                type: 'logarithmic',
                                tickmarkPlacement: 'on',
                                minorTickInterval:.1,
                                gridLineWidth: 1,
                                title: {
                                        text: 'Velocity (in/sec)'
                                },
                                labels: {
                                        overflow: 'justify'                         
                                }
                        },
                         plotOptions: {
                                scatter: {
                                        tooltip: {
                                                headerFormat: '<b>{series.name}</b><br>',
                                                pointFormat: 'PPV: {point.y}in/sec<br>FREQ: {point.x}Hz'
                                        }
                                },
                                line: {

                                            tooltip: {
                                                    headerFormat: '<b>{series.name}</b><br>',
                                                    pointFormat: '{point.y}in/sec<br>FREQ: {point.x}Hz'
                                            }
                                    }
                        },
                        legend: {
                                layout: 'horizontal',
                                borderWidth: 1,
                                backgroundColor: '#FFFFFF',
                                shadow: true
                        },
                        series:series
                        }, function(chart) 
                                    { // on complete

                                        chart.renderer.text('0.03 inches', 90,250)
                                                    .attr({
                                                        rotation: -30
                                                    })
                                                    .css({
                                                        color: '#000000',
                                                        fontSize: '16px'
                                                    })
                                                    .add();


                            });
$('#usbm')。海图({
图表:{
键入:“散布”,
身高:600,
宽度:600
},
标题:{
文字:“峰值粒子速度与频率”
},
xAxis:{
民:1,,
最高:100,
类型:'对数',
标题:{
文字:“频率(Hz)”
},
标签:{
溢出:'justify'
},
勾选位置:“on”,
minorTickInterval:.1,
网格线宽度:1
},
亚克斯:{
最小值:0.01,
最高:10,
类型:'对数',
勾选位置:“on”,
minorTickInterval:.1,
网格线宽度:1,
标题:{
文本:“速度(英寸/秒)”
},
标签:{
溢出:'justify'
}
},
打印选项:{
散布:{
工具提示:{
headerFormat:“{series.name}
”, pointFormat:'PPV:{point.y}英寸/秒
频率:{point.x}赫兹' } }, 行:{ 工具提示:{ headerFormat:“{series.name}
”, 点格式:'{point.y}英寸/秒
频率:{point.x}赫兹' } } }, 图例:{ 布局:“水平”, 边框宽度:1, 背景颜色:“#FFFFFF”, 影子:对 }, 系列:系列 },功能(图表) {//on完成 图表.渲染器.文本('0.03英寸',90250) 艾特先生({ 轮换:-30 }) .css({ 颜色:'#000000', 字体大小:“16px” }) .add(); });

下面是我的实际代码:

请参阅realted topic谢谢您的回复,但在答案中做任何事情都不会改变任何事情。我还试着把我的图表放在一个表的外面,但这并没有改变任何事情。你能把你的例子复制成现场演示吗,包括数据/css等,正如示例中的JSFIDLE?我添加了一个我实际使用的代码和一个实际使用的数据集。在非常简单的示例中,在表中添加行/列并推送元素似乎可以正常工作。是否可以将您的示例隔离为该问题的简单演示?