Javascript highcharts y轴不显示图形是否太宽,但仅在某些浏览器中显示
我在一张桌子里有六张图表;一排两个。每个图形都是600x600,在Firefox中看起来非常完美。但是,当我在Chrome或Internet Explorer中查看它们时,有一个图形无法完全呈现,如下所示:。如果我将此图形的宽度从600更改为500,它将按应有的方式显示。如果我把它增加到500以上,甚至到505,它就不能完全渲染。这可能是什么原因造成的 **编辑:去掉“对数”也可以显示y轴 这是我的密码:Javascript highcharts y轴不显示图形是否太宽,但仅在某些浏览器中显示,javascript,graph,highcharts,Javascript,Graph,Highcharts,我在一张桌子里有六张图表;一排两个。每个图形都是600x600,在Firefox中看起来非常完美。但是,当我在Chrome或Internet Explorer中查看它们时,有一个图形无法完全呈现,如下所示:。如果我将此图形的宽度从600更改为500,它将按应有的方式显示。如果我把它增加到500以上,甚至到505,它就不能完全渲染。这可能是什么原因造成的 **编辑:去掉“对数”也可以显示y轴 这是我的密码: $('#usbm').highcharts({
$('#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?我添加了一个我实际使用的代码和一个实际使用的数据集。在非常简单的示例中,在表中添加行/列并推送元素似乎可以正常工作。是否可以将您的示例隔离为该问题的简单演示?