截断 d3 中的文本

2023-11-26

我想截断 d3 中超过预定义限制的文本。

我不知道该怎么做。

这是我现在所拥有的:

  node.append("text")
  .attr("dx", 20)
  .attr("dy", ".20em")
  .text(function(d) { if(d.rating > 25) return d.name; }));

仅当评级 > 25 时才会显示文本。如何截断这些名称的文本?


要截断文本,请使用substring

试试这个代码:

DEMO

 .text(function (d) {
     if(d.name.length > 5)
         return d.name.substring(0,5)+'...';
     else
         return d.name;                       
 });
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

截断 d3 中的文本 的相关文章

  • 在两个数字之间设置 UILabel 文本动画?

    我是 iPhone 和 Mac 编程新手 之前为 Windows 开发过 我有一个问题 我如何制作动画text的财产UILabel两个数字之间 例如从5 to 80以 Ease Out 风格 是否可以与CoreAnimation 我已经在谷
  • D3 强制布局,较大的节点聚集在中心

    我一直在修改将用于标签云的强制布局 每个标签都由一个
  • Android 如何使用意图发送文本和图像或任何对象?

    我知道可以与以下人员分享短信ACTION SEND通过指定Intent EXTRA TEXT 同样的方法适用于图像 Intent EXTRA STREAM 但是如何将文本和图像添加到同一意图呢 您可以通过意图发送文本和图像 例如 如果您要发
  • 赋予 d3 序数轴标签与尺度名称不同

    我有一个序数scale具有不同值的某些标签 我想显示该比例的轴 其中轴标签与比例标签不同 我有这个代码 var width 1000 var height 600 var margins left 100 40 right 25 botto
  • Oracle Text 包含单字符索引搜索不起作用

    我有一个名为 index search 的简单表 创建如下 BEGIN ctx ddl create preference my pref BASIC WORDLIST ctx ddl set attribute my pref SUBST
  • 如何从 mysql 数据库中提取数据并使用 D3.JS 进行可视化?

    我有一个数据库MySQL我想在其中可视化D3 JS 为了做到这一点 首先我想parse中的数据JSON格式 然后编写一个基本代码 从数据库中提取数据并使用D3 JS 我环顾四周 但找不到我想要的东西 因为我是新手D3 JS 我怎样才能做到这
  • 动画 D3 地球仪 (d3.geo.azimuthal)

    我对 d3 javascript 库有疑问 我想使用方位角 http mbostock github com d3 talk 20111018 azimuthal html地球 我想从地球上的经度和纬度坐标插入点 并使地球动画化 而无需使用
  • Jupyter Notebook 输出中仅部分显示图表

    我正在尝试获取一个类似于此链接中显示的 2 的 PyLDAvis 图 您可以立即看到它 主题间距离图和前 30 个最显着的术语 http nbviewer jupyter org github bmabey hacker news topi
  • docx 模板 Docx4j 替换 Java 中的文本

    我是 Docx4j 的新手 我的任务是替换 docx 模板的一些文本 我阅读了 docx4j 的入门指南 但我认为我没有完全理解整个概念 好吧 无论如何 我已经尝试过 Docx4j 的解压模板 1 它与给定的 docx 配合得很好 但是当我
  • Typescript 中未定义的 d3.scale

    我是 Typescript 的新手 2 周 我正在从事包装 d3 js 框架的项目 我在使用 d3 d ts 命名空间 导出模块 导入时遇到问题 我的问题 当我尝试使用 d3 scale linear 时 浏览器控制台中出现错误 TypeE
  • 如何将焦点集中到 python Tkinter 文本小部件?

    我希望能够打开应用程序 GUI 并让它自动将光标放置到特定的文本小部件中 最好的情况是 应用程序启动后 有人就可以开始输入 而无需单击文本小部件 这只是显示问题的一个小示例 from Tkinter import root Tk Windo
  • 如何让d3.js生成svg而不绘制它?

    有没有办法只生成 svg 并将其作为字符串获取 而不实际绘制它 我考虑过将 svg 渲染到隐藏的 div 然后读取内部 html 但是有没有更干净的方法 我认为你可以这样做 var svg d3 select body append svg
  • 处理重叠 SVG 图层中的鼠标事件

    我正在使用 d3 js 构建地图可视化 我正在为美国各州和县绘制填充多边形 县的 SVG 图层位于州图层下方 状态已填充 但填充不透明度设置为 0 我认为 需要填充来捕获点击事件 我想捕获州级的点击事件 但我想捕获县级的鼠标悬停事件 但是
  • 可以在 d3.js 中使用具有固定圆圈大小的圆圈包布局吗?

    此圆形包布局示例 http bl ocks org 4063269 http bl ocks org 4063269 非常适合我正在从事的项目 但是它会调整所有圆圈相对于彼此的大小 有没有一种简单的方法来指定每个圆的固定半径 我已经搜索了源
  • 将2个暗淡数组“列表列表”输出到python中的文本文件

    简单的问题 我正在创建一个两个暗淡的数组 ddist 0 d for in 0 d 在下面的代码中使用列表 它使用 gis 数据输出距离 我只是想要一种简单的方法来获取数组 列表的结果并将其输出到保持相同的 N N 结构的文本文件 我过去曾
  • nvd3散点图中自定义无数据标签

    我正在尝试使用自定义消息而不是显示的 无可用数据 消息 我正在使用 nvd3 散点图 气泡图 我遇到了一个建议here https stackoverflow com questions 17458236 nvd3 showing empt
  • 如何在文本集中创建所有字符组合?

    例如 我有这样的文本集 第 1 栏 a b 第 2 栏 l m n 第 3 栏 v w x y 我想将它们组合起来以获得如下输出 alv alw alx aly amv amw amx amy 这将输出 24 种文本组合 如果我只使用前两列
  • .NET“默认行终止符”?

    有什么方法可以弄清楚 NET 使用什么作为其 默认行终止符 例如 StringBuilder AppendLine String 的文档表示 附加指定字符串的副本 后跟默认行终止符 NET 中的几个与文本相关的类引用相同的概念 有什么方法可
  • D3 地图未渲染澳大利亚 topojson 文件

    我有一个 JSON 文件 d3 地图未渲染我创建的澳大利亚 TopoJSON 文件 相同的代码可以很好地渲染美国地图 浏览器检查器中没有错误 并且两个地图在 geojson io 等在线可视化网站上都呈现良好 我已经提供了 JSON 的链接
  • 节点大小与 D3 中的子节点数量成正比

    我创建了这个点击 展开 折叠网络 http jsfiddle net 5Lv8gkqv http jsfiddle net 5Lv8gkqv var width 960 height 500 root name Chocolate tag

随机推荐

  • 简单的 Scala getter/setter 重写

    假设我们有一个带有 name 属性的类 class SuperFoo var name String 如果我想覆盖它 例如在调用周围添加一些锁定 class SubFoo n String extends SuperFoo n val lo
  • React/Flux 和 xhr/路由/缓存

    这更像是 你的意见是什么 我的想法正确吗 问题 在理解 Flux 的同时尽可能严格 我试图弄清楚 XHR 调用在哪里进行 websockets 外部刺激处理 路由发生等 根据我阅读的文章 采访和 Facebook 示例 有几种处理这些事情的
  • WebView saveState() 是否保留 Javascript 变量/环境?

    我搜索了很多主题 但仍然找不到我的问题的答案 我正在研究一个Android应用程序使用WebView I use onSaveInstanceState and onRestoreInstanceState 来保存WebView像这样声明
  • 如何使用 C# 验证 html 文件?

    我有一个接收 html 文件的 C 应用程序 我想解析并验证它 输出时 它将返回错误列表或我的 html 有效 有谁知道我该怎么做 我会运行一个本地实例W3C 标记验证服务并通过API
  • 没有开发者帐户可以使用推送通知吗? [复制]

    这个问题在这里已经有答案了 是否可以在没有开发者帐户的情况下使用推送通知仅用于测试 不 在写这个答案时我们不能这样做 如此处所述https www raywenderlich com 8164 push notifications tuto
  • JavaScript:一一执行异步函数

    我有一个简单的 异步 JS 函数 function asyncFunc i setTimeout function console log i 1000 如果我想在 for 循环中执行这个 asyncFunc 5 次 即每秒记录 1 5 次
  • 将数据从一个网页传递到另一个网页

    我需要使用客户端技术将潜在的大量数据从一个页面传递到另一个页面 它基本上是一个将显示在目标页面上的 id 列表 显然查询字符串不适合 因为可能有数千个 id 所以我想我可以使用 javascript 动态添加表单 method GET 将
  • kubernetes 中的容器标签

    我正在使用 jenkins 构建我的 docker 镜像 docker build build arg VCS REF GIT COMMIT build arg BUILD DATE date u Y m dT H M SZ build a
  • 为什么这个嵌套宏替换失败?

    我正在尝试应用X Macro概念 以便能够将所有结构成员初始化为自定义默认 无效 值 我编写以下代码 define LIST OF STRUCT MEMBERS foo X a X b X c define X name int name
  • 如何在uwp的xaml中拉伸/调整svgs的大小?

    自从创建者更新发布以来 uwp 可以使用 svg 图像 简要说明这里 第 3 分钟 I have this svg 48x48 并且我可以很好地使用它 如果 且仅当 我将图像的宽度和高度设置为 48 并将拉伸设置为无
  • jQuery(..).html() 在 jQuery 1.3.2 中有错误吗?

    这里的代码没有返回预期的结果 jQuery div Look here jQuery0 null div html 相反 你会得到 Look here 有问题的 jQuery 源代码 html function value return v
  • ELF文件格式如何定义堆栈?

    我正在研究 ELF 文件格式 因此我编译了一个小程序 从生成的可执行文件中转储了节标题及其内容 ELF 标头包含入口点地址 该地址指向 text 部分的开头 我还找到了包含静态数据的 data 部分和包含只读数据的 rodata 我希望也有
  • 从 cin 或文件读取

    当我尝试编译代码时 istream in if argc 1 in cin else ifstream ifn argv 1 in ifn gcc 失败 抱怨operator 是私人的 有什么办法可以设置istream根据条件不同的值 您可
  • 如何从文件中读取特定行(按行号)?

    我正在使用一个for循环读取文件 但我只想读取特定行 例如行 26 and 30 是否有任何内置功能可以实现此目的 如果要读取的文件很大 并且您不想一次读取内存中的整个文件 fp open file for i line in enumer
  • 适用于 Android 的 FFMPEG 工具链:arm-linux-armeabi-eabi-pkg-config - 是否存在包含 pkg-config 工具的工具链

    有谁知道任何工具链ffmpeg linux ARM平台包含arm linux androideabi pkg config tool Android NDK 不包含它 还有人成功为包含 alsa 设备的 android 构建 ffmpeg
  • exec 不会从闭包中获取变量

    我有点好奇为什么下面的代码会引发NameError gt gt gt s foo 1 2 3 def bar return foo 1 gt gt gt namespace gt gt gt exec s builtins None nam
  • Angular 2:了解 DOM 元素是否在视口内

    基本上我想用 input值标记一个dom元素 即 aos div my div 然后 例如 只要此类 div 在我的视口内 就执行控制台日志 如何才能实现这一目标 我假设使用 Angular 的滚动调度程序 但我如何理解这样的 div 位于
  • 如何使用递归获得数字列表的总和?

    我想用递归函数对数字求和 即 getSum 1 2 3 4 5 应该返回 1 2 3 4 5 15 我不是递归函数方面的专家 我尝试过类似的方法 def getSum piece for i in piece suc getSum i 问题
  • 如何仅为一个特殊路径添加过滤器 WebSecurityConfigurerAdapter

    我们有一个如下所示的配置 Configuration public class SecurityConfig extends WebSecurityConfigurerAdapter public static final String L
  • 截断 d3 中的文本

    我想截断 d3 中超过预定义限制的文本 我不知道该怎么做 这是我现在所拥有的 node append text attr dx 20 attr dy 20em text function d if d rating gt 25 return