【问题标题】:Replicate d3.js Dynamic tree in Raphael在 Raphael 中复制 d3.js 动态树
【发布时间】:2012-07-20 03:40:45
【问题描述】:

我想使用Raphael 复制这个 D3js Dynamic Tree example。我无法在 IE8 中使用此示例,因为它不支持 SVG。我需要找到解决这个问题的方法。

我已经使用d34raphael 尝试过这个,但是除了几个基本示例之外,没有太多文档可以让我得到一些工作。

任何关于如何将此动态树转换为 Raphael 的建议将不胜感激。

【问题讨论】:

  • 您需要动态图表吗?您可以复制 svg 输出并通过 SVG 到 Raphael 转换器
  • 这就是关于 D3 的事情 - 它是专门为使用您想要的任何渲染库而构建的。 D3 处理数学,就是这样。因此,您可以浏览示例并将 SVG 引用替换为 Raphael 引用。
  • @Duopixel 我需要它是动态的。顺便问一下,svg 输出是什么意思。
  • @MikeRobinson 真的,我会尝试并回传结果。
  • @Duopixel 我现在知道你所说的 svg 输出是什么意思了。无论出现什么都在 DOM 中的 svg 标签中生成。但我需要它是动态的。我尝试将静态版本转换为 raphael,但看起来不太好。

标签: javascript svg raphael d3.js


【解决方案1】:

您可以使用Protovis 构建此可视化。 The example on the Protovis page 页面不是动态的,但有一些动态树的示例in the tests

Protovis 通过 VML 渲染插件对 MSIE 7/8 提供了很好的支持:Protovis-MSIE(免责声明:我是本文的作者)。

【讨论】:

  • 感谢您的建议。不幸的是,我不能依赖任何外部插件。我不能要求客户安装插件才能看到这个图表。
  • 也许我不清楚:这个插件适用于 Protovis,而不适用于 IE。您的用户不必做任何事情。 IE 已经支持 VML,并且该插件只是让 Protovis 在 IE 中使用 VML 而不是 SVG。
  • 感谢您的帮助。我正在研究 Protovis 并意识到它不再受支持。这将使找到问题的答案和解决关键问题变得困难。另一个问题是您的插件没有文档,所以我不知道如何使用它。
猜你喜欢
  • 1970-01-01
  • 2015-05-17
  • 1970-01-01
  • 2011-02-20
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2018-07-05
  • 1970-01-01
相关资源
最近更新 更多