Firefox および IE7/IE8 標準では正常に表示されるページがありますが、互換モードまたは IE9 では表示されません。Quirks も正しく表示する必要があります。問題は、Dojo チャートと凡例の「画像」が表示されないことです (凡例のラベルは表示されますが、線の色のアイコンは表示されません)。スタイルをいじってみましたが、これら 2 つのアイテムを表示するスタイルはまだ見つかりません。私の現在のスタイルに何か問題がありますか? 問題は Dojo または Quirks モードにありますか? Dojo 1.5.2 を使用しています。
私が気づいた奇妙なことは、IE Developer Toolbar を開いて、スタイル ボックス (幅、パディング、位置など) のいずれかのチェックを外すと、画像が表示されることです。どのボックスのチェックを外すか、もう一度チェックを戻すか、または選択したスタイルが chartDiv 用であるかどうかは問題ではないようです。ページを更新するまで画像が表示されます。これが何を意味するのか、またはページが最初に読み込まれたときにこの効果をシミュレートする方法がわかりません。
var chartContainer = dojo.create("div", {id:"HistoryChart", style:{}}, document.getElementById("HistoryChart"));
var overalChartDiv = dojo.create("div", {style:{clear:"both",width:"850px",height:"300px", margin:"15px 0 0 0"}}, chartContainer);
var chartLabelDiv = dojo.create("div", {style:{float:"left", margin:"75px 0 0 0"}}, overalChartDiv);
var chartDiv = dojo.create("div", {style:{width:"800px", height:"300px", float:"left", margin:"0 0 0 0"}}, overalChartDiv);
dojo.create("img", {src:"images/label.gif",style:{}}, chartLabelDiv);
//Create line chart
var lineChart = new dojox.charting.Chart2D(chartDiv);
lineChart.addAxis("x", xAxisTheme);
lineChart.addAxis("y", yAxisTheme);
lineChart.addPlot("default", {type: "Lines", lines:true, markers:true});
lineChart.addPlot("grid", {type: "Grid", hMajorLines: true, hMinorLines:false, vMajorLines: false, vMinorLines: false});
lineChart.addSeries('Avg', avgValues, {legend:"Avg", color:"green"});
lineChart.addSeries('Max', maxValues, {legend:"Max", color:"red"});
lineChart.addSeries('Min', minValues, {legend:"Min", color:"blue"});
var valueTip = new dojox.charting.action2d.Tooltip(lineChart,"default");
lineChart.render();
// Create legend
var legend = dojo.create("div", {style:{}}, chartContainer);
var led = new dojox.charting.widget.Legend({chart: lineChart, outline: true, horizontal:true, outline:true, style:{margin:"0px 400px"}}, legend);