简体   繁体   English

如何使用jOrgChart在HTML文件中创建图形?

[英]How to create graph in an HTML file using the jOrgChart?

Is it possible to draw a graph in an HTML file using the jOrgChart jQuery plugin, as in the example below? 是否可以使用jOrgChart jQuery插件在HTML文件中绘制图形,如下例所示?

If that's not possible then what are other options are available for drawing such chart, without using Drupal? 如果这不可能,那么在不使用Drupal的情况下,还有哪些其他选项可用于绘制此类图表?

示例图

Assuming that this question is about the jOrgChart jQuery plugin , and assuming that Drupal is an option to consider, then for sure it's worth considering the jOrgChart sandbox ... at least that's where I'll start from if some day I want to start using jOrgChart in Drupal. 假设这个问题与jOrgChart jQuery插件有关 ,并且假设可以考虑使用Drupal ,那么肯定值得考虑使用jOrgChart沙箱 ...至少从某天开始,如果我想开始使用Drupal中的jOrgChart。

For other Drupal based alternatives for charting, checkout the Comparison of charting modules I created (note to myself: add this jOrgChart plugin and sandbox project to that comparison). 对于其他基于Drupal的制图替代方案,请检查我创建的制图模块比较 (请注意:将此jOrgChart插件和沙箱项目添加到该比较中)。

Curious to hear to what extend this attempt is an answer to this charting question ... 好奇地听到这种尝试的延伸是对这个图表问题的答案...

PS: Checkout my profile for more details about my charting background, etc. PS:查看我的个人资料,以获取有关我的图表背景等的更多详细信息。

  1. Very easy to use given a nested unordered list element. 给定一个嵌套的无序列表元素,非常容易使用。
  2. Drag-and-drop functionality allows reordering of the tree and underlying structure. 拖放功能允许对树和底层结构进行重新排序。
  3. Showing/hiding a particular branch of the tree by clicking on the respective node. 通过单击相应的节点来显示/隐藏树的特定分支。
  4. Nodes can contain any amount of HTML except 节点可以包含任何数量的HTML,除了
  5. and . 和。 Easy to style. 易于样式。
  6. You can specify that sub-trees should start collapsed, which is useful for very large trees for html https://dl.dropboxusercontent.com/u/4151695/html/jOrgChart/example/example.html 您可以指定子树应该开始折叠,这对于html https://dl.dropboxusercontent.com/u/4151695/html/jOrgChart/example/example.html的超大树很有用

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM