gojs实现仿启信宝股权结构关系树图

最新推荐文章于 2024-08-17 17:37:53 发布

qq416761940

最新推荐文章于 2024-08-17 17:37:53 发布

阅读量1.2k

点赞数 1

分类专栏： js 图表 javaScript 文章标签： gojs 图表关系图股权结构图关系树图

本文链接：https://blog.youkuaiyun.com/qq416761940/article/details/105864596

版权

本文展示了如何利用GoJS库创建一个仿启信宝的股权结构关系图，详细介绍了实现效果，并提供了关键代码示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

话不多说，直接干货走起。对你有用的话，请赞

实现效果如下图：

实现代码：

<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>GoJS demo</title>
    <script src="../release/go.js"></script>
</head>
<body>
    <div id="myDiagramDiv6" class="diagramStyling" style="width:1000px; height:560px;margin: 30px auto;border: 1px solid #ddd"></div>
    <script>
        var dataArr = [
            { key: "1", name: "xxxx股份有限公司"},
            { key: "2", parent: "1", name: "xxxx增进股份有限公司",stock:'3.73%',Amount:'923,000,000'},
            { key: "3", parent: "1", name: "xxxx药业集团股份有限公司",stock:'1.45%',Amount:'123,100,000',hasChildNodes:true},
            { key: "4", parent: "1", name: "xxx高速公路发展股份有限公司",stock:'0.96%',Amount:'3,100,100,000'},
            { key: "5", parent: "1", name: "xxxx股份有限公司",stock:'3.73%',Amount:'3,100,000,000'},
            { key: "6", parent: "1", name: "xxxx药业集团股份有限公司",stock:'1.45%',Amount:'2,100,000,000'},
            { key: "7", parent: "1", name: "xxxxxxx发展股份有限公司",stock:'0.96%',Amount:'1,123,000,000'},
            { key: "8", parent: "1", name: "xxxx农业股份有限公司",stock:'4.88%',Amount:'1,123,000,000'},
            { key: "9", parent: "2", name: "xxxxxx农业股份有限公司",stock:'2.88%

最低0.47元/天解锁文章