GoJs 节点动态添加样式

在 GoJS 中,如果你发现 new go.Binding('stroke', 'borderColor', function(borderColor) { ... }) 不生效,可能是因为绑定的语法不正确或者绑定没有被正确地添加到 go.Shape 中。在你的代码中,go.Binding 应该作为 go.Shape 的属性之一被添加,而不是作为 .add 方法的参数。

以下是修正后的代码示例:

mySelf.myDiagram.nodeTemplate = new go.Node('Auto').bindTwoWay('location', 'loc', go.Point.parse, go.Point.stringify).add(new go.Shape('RoundedRectangle', {fill: 'rgb(254, 201, 0)',stroke: 'black', // 默认边框颜色parameter1: 20, // 圆角半径// ... 其他属性 ...})// 绑定 Shape 的 stroke 属性到节点数据的 borderColor 属性.bind('stroke', 'borderColor', function(borderColor) {// 如果 borderColor 为 null 或 undefined,则返回默认颜色 'black'return borderColor || 'black';})),new go.TextBlock({ margin: 8 },new go.Binding("text").makeTwoWay())
);

在这个修正后的代码中,我们使用 .bind('stroke', 'borderColor', function(borderColor) { ... }) 方法来添加数据绑定。注意,.bind 方法是直接链式调用在 go.Shape 对象上,而不是作为 .add 方法的参数。

请确保你的节点数据中包含了 borderColor 属性,这样 GoJS 就可以根据这个属性来设置节点的边框颜色。如果没有提供 borderColor 属性,节点将使用你在 go.Shape 中指定的默认边框颜色。

如果你的数据中没有 borderColor 属性,或者该属性的值为 nullundefined,那么转换函数将返回默认颜色 ‘black’。如果 borderColor 属性存在且有有效值,那么该值将被用作 stroke 颜色。

如果你仍然遇到问题,建议检查以下几点:

  1. 确保你的 GoJS 版本是最新的,因为旧版本可能存在不同的行为或 bug。
  2. 检查控制台是否有任何错误或警告信息,这可能会提供关于问题的线索。
  3. 确保你的数据模型正确地传递给了图表,并且 borderColor 属性在数据中是正确的。
  4. 如果你在使用模板或组件,确保 nodeTemplate 被正确地设置在了图表实例上。
    以上就是文章全部内容了,如果喜欢这篇文章的话,还希望三连支持一下,感谢!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.xdnf.cn/news/1544218.html

如若内容造成侵权/违法违规/事实不符,请联系一条长河网进行投诉反馈,一经查实,立即删除!

相关文章

【Linux】Linux基本命令

目录 文件和目录操作: ls cd pwd cp mv rm mkdir rmdir touch clear history which/whereis 文件查看和编辑: cat less head tail vi 或 vim sz/rz echo 系统信息和管理: su uname hostname df free top ps ki…

高可用集群keepalived---实战案例1

目录 一、环境: 二、文件的配置 1、server1 下载keepalived 创建etc下的keepalived目录,编辑配置文件 开机启动keepalived 安装Nginx 启动keepalived 2、server2 下载keepalived 创建etc下的keepalived目录,编辑配置文件 开机启动keepalived 安装Nginx 启动keepali…

软件企业毛利率正在变得越来越低

软件开发毛利率逐渐降低的现象可能受到多种因素的影响: 市场竞争加剧:随着软件行业的快速发展,市场上的软件产品和服务越来越多,竞争也越来越激烈。为了在市场上保持竞争力,软件企业可能不得不降低价格,这直…

【word密码】word怎么限制格式,但可以修改文字?

想要限制word文件中文字的格式,但是又希望别人能够删除、输入文字,想要实现这种设置我们可以对word文件设置限制编辑。 点击word文件工具栏中的审阅 – 限制编辑,勾选上【限制对选定的样式设置格式】 然后在弹出的提示框中,输入我…

LDRA Testbed(TBrun)软件单元测试_常见问题及处理

系列文章目录 LDRA Testbed软件静态分析_操作指南 LDRA Testbed软件静态分析_自动提取静态分析数据生成文档 LDRA Testbed软件静态分析_Jenkins持续集成(自动静态分析并用邮件自动发送分析结果) LDRA Testbed软件静态分析_软件质量度量 LDRA Testbed软件…

太爱这5本书了,建议所有大模型人去翻烂它❗

要说现在最热门的技术,可谓非大模型莫属! 不少小伙伴都想要学习大模型技术,转战AI领域,以适应未来的大趋势,寻求更有前景的发展~~ 然而,在学习大模型技术这条道路上,却不知道如何进行系统的学…

DQL学习

一、基础查询 1.查询多个字段 select 字段列表 from 表名; select * from 表名;-- 查询所有数据 但不建议使用!!!! 2.去除重复记录 select DISTINCT 字段列表 from 表名; 3.起别名 as;as也可以省略但中间要加空…

关于宝塔PHP getenv无法获取环境变量问题解决办法

今天有用ThinkPHP8接入阿里云OSS时,需要用的用到getenv()来读取环境变量,因为新版OSS SDK是用环境变更来设置AK的。 现象 正常执行PHP文件,可以取到环境变量;但是通过nginxphp-fpm调用脚本取到不到环境变量 原因 php-fpm为了防止…

车辆检测系统源码分享

车辆检测检测系统源码分享 [一条龙教学YOLOV8标注好的数据集一键训练_70全套改进创新点发刊_Web前端展示] 1.研究背景与意义 项目参考AAAI Association for the Advancement of Artificial Intelligence 项目来源AACV Association for the Advancement of Computer Vision …

算法4-----综合训练(4)

一:单词搜索 题目: 给定一个m*n的二位字符网格和一个字符串单词。如果单词存在于网格中,返回true,不然,返回false。 注意:单词必须按照字母顺序,通过相邻的单元格内的字母构成,同…

停车场管理系统的设计与实现

摘 要 如今社会上各行各业,都喜欢用自己行业的专属软件工作,互联网发展到这个时候,人们已经发现离不开了互联网。新技术的产生,往往能解决一些老技术的弊端问题。因为传统停车场管理系统信息管理难度大,容错率低&…

使用豆包Marscode 创建了一个”天气预报“小应用

以下是「豆包MarsCode 体验官」优秀文章,作者一拳干爆显示器。 前言 本文介绍了我第一次使用我在MarsCode IDE制作了一款天气预报的应用 其中在正文的头部以及结语部分发表了我在MarsCode编程中的体验情况,而正文的中间主要是我项目制作的细节步骤 豆…

SPWM正弦波控制

目录 前言一、PWM简介二、SPWM基本原理2.1 SPWM简介2.2 SPWM控制方法2.2.1 直接计算法2.2.2 自然采样法2.2.3 谐波法 2.3 SPWM的注意点2.3.1 死区效应2.3.2 过调制2.3.3 转矩与转速控制 三、SPWM实现四、补充 前言 本文主要介绍SPWM原理及C语言单片机的实现 一、PWM简介 PWM是P…

Vue 响应式监听 Watch 最佳实践

一. 前言 上一篇文章我们学习了 watch 的基础知识,了解了它的基本使用方法及注意事项,本篇文章我们继续了解在Vue 中 响应式监听 watch 的妙用。了解 watch 的基础使用请参考上一篇文章: 详解 Vue 中 Watch 的使用方法及注意事项https://bl…

ARM单片机的中断详细过程(重要)

ARM单片机的中断详细过程(重要) 一、ARM异常中断 ARM的异常(中断源)总共分为三类(八种): 三类: (1)执行指令引起的直接异常:软件中断&#xff…

0920作业+思维导图

一、 写一个shell脚本,将以下内容放到脚本中: 在家目录下创建目录文件,dirdir下创建dir1和dir2把当前目录下的所有文件拷贝到dir1中,把当前目录下的所有脚本文件拷贝到dir2中把dir2打包并压缩为dir2.tar.xz再把dir2.tar.xz移动到…

13.第二阶段x86游戏实战2-动态模块地址

免责声明:内容仅供学习参考,请合法利用知识,禁止进行违法犯罪活动! 本次游戏没法给 内容参考于:微尘网络安全 本人写的内容纯属胡编乱造,全都是合成造假,仅仅只是为了娱乐,请不要…

LabVIEW项目编码器选择

在LabVIEW项目中,选择增量式(Incremental Encoder)和绝对式(Absolute Encoder)编码器取决于项目的具体需求。增量式编码器和绝对式编码器在工作原理、应用场景、精度和成本等方面存在显著差异。以下从多方面详细阐述两…

MySql数据库---单表查询,高级查询,外键约束,多表关系,建表原则

思维导图 模糊查询 select * from 表名 where 列名 like 匹配符; 符号: _ 表示一个任意字符 符号: % 表示0或者多个任意字符 # (1)查询商品名称含有"香"字的所有商品信息; select * from product where pname like %香%; # &#x…

【车联网安全】车端知识调研

一、CAN总线: 1、定义: CAN 总线相当于汽车的神经网络,连接车内各控制系统,其通信采用广播机制,各连接部件均可收发控制消息,通信效率高,可确保通信实时性。当前市场上的汽车至少拥有一个CAN网络&#xff0…