【问题标题】:GraphViz Javascript : ReferenceError: "Viz" is undefinedGraphViz Javascript:ReferenceError:“Viz”未定义
【发布时间】:2023-03-13 14:17:01
【问题描述】:

当我尝试在 IE9 中使用 viz.js 时出现以下错误。

ReferenceError: "Viz" 未定义

有什么想法吗?

【问题讨论】:

  • 请发布更多详细信息的示例。它在其他浏览器中有效但在 IE 中无效?
  • 它适用于 Chrome 和 FF 以及 IE 10 及更高版本。这里有一个讨论,但我无法得到更正的 js。 github.com/mdaines/viz.js/issues/16

标签: javascript graphviz


【解决方案1】:

看起来 Vis.js 在 IE9 中不起作用。我在http://mdaines.github.io/viz.js/example.html 测试了示例页面,但这在 IE9 中不起作用。看看使用 d3dagre-d3graphlib-dot 代替,我已经确认组合在 IE9 中有效。

使用 graphlib-dot 呈现 Graphviz 的 Javascript 如下所示:

var g = graphlibDot.parse(
    'digraph {\n' +
    '    g77 [label="Jesus"];' +
    '    g76 [label="Joseph"];' +
    '    g77 -> g76 [label="SON OF"];' +
    '    }'
)
var renderer = new dagreD3.Renderer();
renderer.run(g, d3.select("svg g"));

查看JSFiddle中的完整示例。

【讨论】:

  • 我试过了,但没有渲染。我收到以下错误 ReferenceError: d3 is not defined renderer.run(g, d3.select("svg g"));我有所有需要的js文件
  • 酷...我搞定了。使用 d3.v3.min.js。我也可以在 IE9 中渲染图表...谢谢理查德...
  • 知道如何为 SVG 定义自动宽度和高度吗?
  • 还有如何动态改变边缘(箭头)的颜色。 'Label2 -> Label13[color="red"]' 对我不起作用。它采用默认的 css 颜色
  • 边缘路径着色怎么样?我正在尝试使一些边缘变红
猜你喜欢
  • 2018-03-16
  • 1970-01-01
  • 2014-10-30
  • 2011-12-24
  • 2023-03-19
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多