我对高图表非常陌生。这是我的代码
基本上，有两个图表。当我从浏览器发出打印命令时，我需要的是应该打印第一个图表，然后应该立即打印第二个图表（即，如果在打印第一个图表后还有空间，它不应该留空。下一个图表应该出现在该空间中，如果第二张图表不能完全容纳在该空间中，则其余部分应转到下一页）。
现在这在 Chrome 中运行良好。但是 IE9 显示了不同的行为。我如何让它在 IE9 中工作。
以下是javascript代码
$(document).ready(function () {
$(function () {
$('#container').highcharts({
chart: {
type: 'bar'
},
title: {
text: 'Fruit Consumption 1'
},
xAxis: {
categories: ['Apples', 'Bananas', 'Oranges']
},
yAxis: {
title: {
text: 'Fruit eaten'
}
},
series: [{
name: 'A',
data: [1, 0, 4]
}, {
name: 'B',
data: [5, 7, 3]
},
{
name: 'C',
data: [3, 0, 3]
},
{
name: 'D',
data: [2, 1, 2]
},
{
name: 'E',
data: [4, 5, 1]
},
{
name: 'F',
data: [6, 1, 3]
},
{
name: 'G',
data: [2, 6, 5]
},
{
name: 'H',
data: [7, 2, 3]
},
{
name: 'I',
data: [1, 0, 4]
},
{
name: 'J',
data: [7, 6, 6]
},
{
name: 'K',
data: [1, 8, 5]
},
{
name: 'L',
data: [7, 2, 1]
}]
});
$('#container2').highcharts({
chart: {
type: 'bar'
},
title: {
text: 'Fruit Consumption 2'
},
xAxis: {
categories: ['Apples', 'Bananas', 'Oranges', 'Mangoes', 'Grapes', 'Guava', 'Jackfruit','Papaya']
},
yAxis: {
title: {
text: 'Fruit eaten'
}
},
series: [{
name: 'A',
data: [1, 0, 4, 4, 6, 2, 7, 3]
}, {
name: 'B',
data: [1, 0, 3, 7, 1, 1, 5, 1]
},
{
name: 'C',
data: [1, 3, 3, 7, 1, 5, 5, 1]
},
{
name: 'D',
data: [1, 4, 3, 7, 7, 1, 5, 1]
},
{
name: 'E',
data: [1, 1, 3, 3, 6, 1, 5, 1]
}]
});
});
});
和 HTML
<body>
<form id="form1" runat="server">
<div id="container" style="width:900px; height:900px" >
</div>
<div id="container2" style="width:900px; height: 900px " >
</div>
</form>