visjs添加节点、图像和文字共同展示、各种点击事件

最新推荐文章于 2025-07-11 10:20:42 发布

浏览器翻译官~

最新推荐文章于 2025-07-11 10:20:42 发布

阅读量5.4k

点赞数 2

CC 4.0 BY-SA版权

文章标签：添加节点

本文链接：https://blog.youkuaiyun.com/lbPro0412/article/details/90638716

前端vue技术点干货分享同时被 2 个专栏收录

77 篇文章 ¥99.90 ¥299.90

订阅专栏

前端干货分享

69 篇文章 ¥99.90 ¥299.90

订阅专栏

本文介绍了如何使用Vis.js库在图表中添加包含图像和文字的节点，并详细阐述了如何设置各种点击事件，以实现丰富的交互功能。

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

let nodesArr = [
      {
        id: 1,
        label: "待解决案件的三",
        shape: "circle",
        margin: 10,
        color: "#FFFF00"
      },
      { id: 2, label: "点击", shape: "circle", margin: 10 },
      { id: 3, label: "的金三角", shape: "circle", margin: 10 },
      { id: 4, label: "思考角度讲", shape: "circle", margin: 10 },
      { id: 5, label: "十几家设计师", shape: "circle", margin: 10 }
    ];
    let edgesArr = [
      {
        id: 10,
        from: 1,
        to: 3,
        label: "关系",
        color: { color: "rgba(30,30,30,0.6)", highlight: "red" }
      },
      {
        id: 20,
        from: 1,
        to: 2,
        color

了解本专栏