javascript - Quirks 模式、Dojo 图表/图例不始终显示、Internet Explorer

标签 javascript internet-explorer charts dojo quirks-mode

我的页面在 Firefox 和 IE7/IE8 标准中显示正常,但在 Quirks 模式或 IE9 中显示不正常。我需要它也能正确显示怪癖。问题是 Dojo 图表和图例“图像”不显示(图例标签在那里,只是没有线条颜色的图标)。我尝试过使用这些样式,但尚未找到可以显示这两个项目的样式。我现在的风格有问题吗?我的问题是 Dojo 还是 Quirks 模式?我正在使用 Dojo 1.5.2。

我注意到的一件奇怪的事情是,如果我打开 IE 开发工具栏并取消选中任何样式框(宽度、填充、位置等),那么图像就会显示。如果我再次勾选它,或者我选择的样式是否适用于 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);

最佳答案

我已经在 Dojo 1.5.2 中进行了测试,但它在最近的版本中似乎运行良好。请参阅:http://archive.dojotoolkit.org/nightly/dojotoolkit/dojox/charting/tests/test_legend.html此测试在 Quircks 模式下使用 IE7/8 加载良好。不确定这里发生了什么。

关于javascript - Quirks 模式、Dojo 图表/图例不始终显示、Internet Explorer,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12532023/

相关文章:

javascript - 如何在跨浏览器中读取剪贴板数据?

c++ - 如何在 Internet Explorer COM 对象中应用 css?

css - Respond.js 跨域代理不工作

internet-explorer - Internet Explorer 的 SSLCipherSuite 问题

javascript - Highcharts - 如果 data.point 等于字符串,则更改列颜色

javascript - 用 jquery 分配一个 javascript 变量只需要执行一次?

javascript - 从 jQuery 访问外部方法 'closure'

javascript - 是否有非可视化的 HTML 标签?

.net-4.0 - 隐藏饼图中的标签

c# - Wpf 中的标记列系列图表