IE9 3d曲面图答案

【问题标题】：IE9 3d surface chartIE9 3d曲面图
【发布时间】：2012-01-25 20:13:05
【问题描述】：

我正在寻找一个 API 或某种解决方案来在 IE9 中制作 3d 曲面图，我喜欢 javascript-surface-plot 的工作原理，但它在 IE9 中不起作用。

还有其他方法可以像 IE9 中的图表那样进行 3d 渲染吗？

我正在为我的其他图表使用 Telerik 控件，但它们似乎没有 3d 曲面图表。

我也考虑过使用 java 小程序，但想保持负载轻量级。

Flash 不是一个选项。

澄清一下，当我说“3d”时，我指的不是闪亮的条形图。我的意思是可以用鼠标旋转的 x,y,z 渲染场景，类似于 java-script-surface-plot 的完成方式。

谢谢！

【问题讨论】：

标签： javascript asp.net telerik internet-explorer-9 html5-canvas

【解决方案1】：

如果你喜欢3D surface plot in JavaScript 并且你想使用 IE，你似乎只需要使用explorercanvas（一个 polyfill）就可以让它在 IE 中工作。不过，它只是添加了另一个 JavaScript 文件，这样您就不需要使用任何插件或小程序！

【讨论】：

啊，但是如果这是在 IE9 之前创建的，他们可能只是假设您必须在任何版本的 IE 中使用 excanvas 而不能正确进行功能检测。
编辑：好像我们是背靠背发布的！在 IE9 中是的。刚刚使用 IE9 检查了 URL，似乎它不起作用。奇怪的是提到了对 IE6 的支持。可能是您提到的特征检测问题。代码可能很容易调整以在 IE9 中工作！
我确实下载了他们的演示并添加了 excanvas，但我承认除了使用 excanvas 的说明之外，我没有尝试任何进一步的调整。我会试一试，然后把结果发回这里。我真的不想使用 Java 小程序编写我自己的。谢谢！
我让它在 IE9 中工作。 IE 检测非常糟糕，我只是将其设置为在 IsIE() 上返回 false，并且在 excanvas 上一切正常。谢谢！！
你甚至可以尝试不使用 excanvas，因为 IE9 应该完全支持 canvas 元素。很高兴听到你让它工作了！

【解决方案2】：

我从未使用过它，但d3 看起来很酷，可能会胜任。看看this 的例子。

编辑：

经过进一步调查，我不确定这是否是您所需要的，虽然 d3 看起来确实不错，但您不承认吗？

看起来确实很容易将其更改为在 IE9 中工作在SurfacePlot.js看看这个函数

    function createCanvas()
    {
            canvas = document.createElement("canvas");

            if (isIE())
            {
                    G_vmlCanvasManager.initElement(canvas);
                    canvas.style.width = width;
                    canvas.style.height = height;
            }

          //...rest of the code here
    }

很想在本地副本中删除与isIE() 相关的那些行，并说如果您使用的是 IE8，那该死的！（或者尝试使用Flash Canvas）。 IE8 对 VML 的支持很少，我认为 excanvas 在 IE8 中的运行速度甚至比 IE7 还要慢。

【讨论】：

d3 确实看起来很时髦，但除了不是 3d 曲面图之外，它似乎是一个难以阅读的图表。感谢您的回复！
IE 检测就是这么做的。虽然，它现在在 IE9 以下的任何东西中都不起作用。幸运的是，这满足了我的要求！ :) 我只是将 isIE() 函数设置为返回 false，一切正常。

【解决方案3】：

哎呀。看起来我的 isIE() 函数已经过时了。我现在为曲面图添加了更好的 IE 和画布支持检测。很抱歉给您带来麻烦。 http://code.google.com/p/javascript-surface-plot/downloads/detail?name=JSSurfacePlot-V1.5.zip&can=2&q=

【讨论】：

太棒了！我会检查一下。也很酷，你在 SO 上找到了这个 :)