如果提供的刻度只有 1 个结果,D3ticks() 不会返回值

2024-01-11

我有一个 x 轴,显示我的数据发生的日期。数据是动态的,有时我只有 1 天、2 天、n 天等的数据。

这是我在 x 轴上显示日期的代码:

chart.x = d3.time.scale()
    .range([0, chart.w]);

chart.xAxis = d3.svg.axis()
    .scale(chart.x)
    .orient("bottom")
    .ticks(d3.time.day)                                 // --- TODO : this is not showing the current day, for some reason...
    .tickFormat(d3.time.format("%b %-d %p"));   

如果我的数据分布在 2 天(例如:星期二、星期三),则只会显示第二天(星期三)的勾号,即。当这一天从一个“变化”到另一个时。 我还想显示第一天(星期二)的勾号。 即使只有 1 天的数据,我仍然想显示一个勾号。

谢谢你们,


要扩展域以使刻度开始和结束于刻度线,您可以使用.nice()方法,正如@meetamit建议的那样——但是“nicing”只有在你调用该方法时才有效after您设置了域,因此您可能没有注意到任何更改。 API 并没有真正明确这一点,尽管由于该方法改变了域,我认为稍后更改域会覆盖先前的效果是有意义的nice() call.

另外,请务必使用该方法的时间尺度版本 https://github.com/mbostock/d3/wiki/Time-Scales#wiki-nice: .nice(d3.time.day)使域四舍五入到最近的一天,而不是仅四舍五入到最近的小时。

这是一个小提琴:
http://fiddle.jshell.net/4rGQq/ http://fiddle.jshell.net/4rGQq/

关键代码很简单:

xScale.domain(d3.extent(d)) 
      //d3.extent() returns max and min of array, which become the basic domain
      .nice(d3.time.day);  
      //nice() extends the domain to nearest start/end of a day

比较一下如果注释掉会发生什么.nice()设置域后调用,即使与另一个.nice()在秤初始化期间调用。还可以比较如果不指定日期间隔作为 Nice 方法的参数会发生什么情况。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如果提供的刻度只有 1 个结果,D3ticks() 不会返回值 的相关文章

  • d3 仅限整数刻度线

    我有一个 d3 条形图 其值范围为 0 3 我希望 y 轴仅显示整数值 我可以这样做 var yAxis d3 svg axis scale y orient right tickFormat d3 format d 但是 非整数标记处仍然
  • 未捕获的类型错误:无法读取未定义的属性“albersUsa”

    以前可能有人问过这个问题 但我希望我能得到针对我遇到的问题的答案 我是 d3 的新手 我现在正在尝试绘制一个纬度 经度 当我成功完成第一个纬度 经度时 我将完成其余的工作 感谢专家的任何帮助 谢谢 尝试在特定区域绘制蜂窝基站 这是代码
  • D3.js - 更改鼠标悬停时元素的不透明度 IF 条件 = false

    我正在制作一个带有过滤器的交互式 D3 js 图表 当用户单击选定的复选框时 该过滤器会显示点 此外 在鼠标悬停事件上 所选点旁边将出现一个弹出窗口 其中包含一些信息 由于图表上的点数量相对较多 因此我选择在取消选中相应复选框时使相关点变得
  • 获取现有 SVG 元素的属性并使用 d3.js 绑定为数据

    我有一个现有的 svg 元素 例如
  • 如何从此 d3.js layout.tree 获取树祖先和树后代的列表?

    我正在尝试和修改this https bl ocks org mbostock 4339083d3 js 的示例 用于根据 JSON 树结构绘制树 这就是树的一部分开始时的样子 我正在尝试进行两个单独的修改 但我不知道该怎么做 当单击节点的
  • D3 js 链接在节点下面

    我创建了图形对象 稍后可以使用更多节点和链接来扩展图形对象 第一个创作看起来不错 然后 与add函数我添加了节点 4 和链接 as you can see above the link of between node 4 and 3 is
  • 如何进行多个 d3 窗口大小调整事件

    我有三个svg一页上的元素 每个元素都由 D3 陪伴 每个都有自己的页面调整大小逻辑 由我写的简单模块 https github com TimeMagazine d3 base让他们做出反应 问题在于 只有最后一个调整大小事件被触发 因为
  • 合并两个 csv (d3)

    我使用以下代码加载两个 csv 文件 d3 csv sqrt100train csv function error data2 d3 csv sqrt100test csv function error data sqrt100train
  • nvd3.js - 无法更改折线图中线条的颜色

    我正在尝试更改 nvd3 折线图不同线条的颜色here http nvd3 org livecode index html codemirrorNav但我无法理解该怎么做 我想将示例中的 2 条线的颜色更改为绿色和青色 我试过 nv add
  • 表格中与文本一起内嵌 D3 迷你图

    假设有一个这样的表 var data Orange Orange 6 3 3 2 5 Apple Red 6 2 6 5 5 Grape Purple 9 1 2 3 1 我希望将字符串表示为字符串 但将数字数组表示为 D3 折线图 如果这
  • d3 饼图中的文本被路径覆盖

    我正在尝试按照 d3 的饼图示例进行操作http bl ocks org mbostock 3887235 http bl ocks org mbostock 3887235 我的代码的最小示例 const container graph
  • 如何在 d3.js 中填充 svg 圆圈内的图像

    这是我在 svg 中填充圆圈的代码 var svgContainer d3 select body append svg attr width 1000 attr height 1000 var circles svgContainer s
  • D3.以编程方式缩放后使用鼠标滚轮时缩放会跳转

    当我通过单击鼠标缩放到特定位置然后尝试平移或使用鼠标滚轮时 缩放行为会跳跃 看来我的缩放级别正在恢复 就像单击鼠标之前一样 这是我的事件处理程序 function click d var x y k if d centered d var
  • D3.js 从 file:/// 加载本地数据文件

    我知道D3 js支持使用XHR和JSONP加载数据文件requests https github com mbostock d3 wiki Requests 但就我而言 我将通过从文件系统双击 html 文件来运行它们 这将像file fo
  • 如何使用 d3.js 沿 GeoJSON 路径对对象进行动画处理?

    我正在使用 D3 js 从 GeoJSON 文件生成并渲染路径 效果很好 但现在我想沿着该路径为对象设置动画 我知道如何使用 D3 和标准 SVG 来做到这一点 创建过渡并设置其持续时间 对于过渡的每一帧 使用 Complete 查找沿路径
  • 窗口调整大小事件上的响应式画布

    我是画布概念的新手 我正在尝试使用 D3 js 绘制画布 我想让画布根据窗口屏幕大小进行响应 function onResize var element document getElementsByTagName canvas 0 var
  • 需要帮助从数组中为国家/地区着色,保留其余默认颜色

    我需要一些帮助从我创建的数组中获取数据 然后仅对数组中存在的国家 地区进行着色 而不在数组中的其余国家 地区我希望保留为默认颜色 我正在使用 D3 来完成所有这些工作 并且我非常确定我可以通过 D3 实现我需要的目标 但不确定如何实现 我想
  • 显示具有多个父代的 D3 树

    我目前有this http bl ocks org mbostock 4339083图已实现 我希望在描述具有多个父节点的子节点时保持结构和可折叠性 有没有办法做到这一点 我研究了力图 但我也想保留一组层次结构 这意味着 1 级的父级可以有
  • d3js v5 + Topojson v3 关于加入 csv 和 json 的优化

    为了制作地图 我需要将一些值从 csv 导入到 json直接在代码中 为了加载 json 和 csv 文件 我使用 Promise 对象的异步操作 并使用两个循环和一个公共键在 json 文件上添加新属性 for var i 0 i lt
  • 改进 D3 序列旭日示例

    This D3示例作为我的出发点 http bl ocks org kerryrodden 7090426 http bl ocks org kerryrodden 7090426 我想更改提供图表的数据 并且我做了以下新示例 http j

随机推荐

  • 无法对未注册的加载器类型执行此操作

    我正在使用散景进行数据可视化 并尝试制作可执行文件 但它显示错误消息 无法对未注册的加载程序类型执行此操作 我尝试过作为解决方案init py 到我的 script py 的目录 subdir 但它不起作用 附言 Win10 Python
  • 命令“python setup.py Egg_info”失败,/tmp/..../ 中的错误代码为 1

    我在安装依赖项时遇到以下错误pip pip9 exceptions InstallationError 命令 python setup py Egg info 失败 错误代码为 1 tmp tmpoons7qgkbuild opencv p
  • 如何让 JavaFX ListView 成为其项目的高度?

    如果我创建一个ListView new ListView lt gt FXCollections observableArrayList 1 2 3 我希望它创建一个包含 3 行的 ListView 但事实并非如此 它创建一个包含 17 行
  • 如何查找解决方案中的所有引用(即所有项目)?

    我们有一个包含很多项目的大型解决方案 有些项目引用相同的 DLL 我需要替换一个 DLL 有没有一种方法可以查看整个解决方案中有哪些参考文献 这样我就不必逐一检查每个项目 我想查看整个解决方案的参考 而不是每个项目的参考 是否可以 只是为了
  • 函数将多列返回为单列而不是多列

    我正在 PostgreSQL 9 04 中编写一个函数 尝试使用将在 select 语句中使用的变量 然后返回结果 我的声明很简单并且有效 但是 所有列都输出到单个列而不是多个列 我的功能 create or replace functio
  • 禁用用户通过电子邮件确认后Keycloak自动登录

    我们将 keycloak KC 与自定义提供程序一起用于注册流程 在注册流程结束时 在将确认电子邮件发送给用户之前 作为默认 KC 功能 我们会禁用该用户 因为它适合我们的用例 当用户单击电子邮件确认时 邮件将被确认并且用户将自动登录 尽管
  • 实例方法和实例变量的线程安全

    我想知道类的每个实例是否都有该类中方法的自己的副本 可以说 我有以下课程MyClass public MyClass private String s1 private String s2 private String method1 St
  • HTML/CSS 中是否有等效的 XAML 网格元素?

    我对 WPF XAML 等有很深的经验 但是 我需要用 HTML CSS JS 创建一些东西 在 WPF 和 Silverlight 中 有一个非常通用的元素 那就是 网格 它本质上是一个托管任何类型的视觉对象的列表 这些对象将根据行 列集
  • 实时音频流套接字卡在浏览器中

    我正在尝试设置一个可以收听多个 私人 流的页面 不幸的是我无法让它运行 我试过使用php在android上打开实时音频流 https stackoverflow com questions 11472997 using php to ope
  • 如何在Python中使用XPath?

    支持 XPath 的库有哪些 有完整的实施吗 图书馆如何使用 它的网站在哪里 libxml2 http xmlsoft org python html具有许多优点 遵守spec http www w3 org TR xpath 积极发展和社
  • Java开发工具包中的jar.exe在哪里? [关闭]

    Closed 这个问题不符合堆栈溢出指南 help closed questions 目前不接受答案 我从以下位置下载并安装了 JDKJava SE 开发工具包 7 下载 http www oracle com technetwork ja
  • 带有模板函数名称并传递参数和返回值的可变参数模板

    以下来自this https stackoverflow com questions 39558976 variadic templates with template function names 39570187 noredirect
  • ggplot折线图中的多行x轴标签

    Edit 该问题已被标记为重复 但回复here https stackoverflow com questions 18165863 ggplot2 labels of grouping values below the plot已尝试但没
  • AWS Elasticsearch 作为主数据库

    我正在开发一个需要存储大量交易 每天 200 万笔 并需要对其进行全文搜索的应用程序 我需要保存至少 10 年的数据 考虑到性能和数据完整性 我可以使用 aws elasticsearch 作为我的项目的数据库吗 一如既往 这取决于 这取决
  • apc.按路径过滤?

    如何在 APC 操作码缓存中使用 apc filters 参数来不缓存某些路径 例如 我希望缓存对路径下的任何内容都处于活动状态 var www vhosts 并排除类似的路径 usr share psa horde 我尝试使用 apc c
  • 查找所有点对之间的欧氏距离

    我的列表中有 8 个点 我需要计算所有可能对之间的欧氏距离 我可以编写一个 for 循环并继续计算距离 但是 python numpy 其他有更好的方法 方法吗 坐标点 x1 y1 x2 y2 x3 y3 xn yn 是的 您可以使用euc
  • css 锚定 div 到页面底部

    我可能很快就会把头从墙上弹下来 我不敢相信像这样愚蠢的事情完全打败了我 因此我向你求助 Stack Overflow 寻求指导和启发 Problem 将 div 放置在页面底部 宽度为 100 位于任何类型的包装器之外 建议的解决方案 ht
  • 需要帮助使用嵌套模型的 DefaultModelBinder

    有一些相关的问题 但我找不到有效的答案 假设我有以下模型 public class EditorViewModel public Account Account get set public string SomeSimpleStuff g
  • Xcode 4 中的目标成员资格是什么

    我正在寻找 Xcode 中目标成员资格的示例 我对它的确切含义有点困惑 例如 我有两个不同的目标会员资格 myApp 和 myAppTests 如果我指定一个文件 例如 myAppFile h 作为 myAppTests 的一部分而不是 m
  • 如果提供的刻度只有 1 个结果,D3ticks() 不会返回值

    我有一个 x 轴 显示我的数据发生的日期 数据是动态的 有时我只有 1 天 2 天 n 天等的数据 这是我在 x 轴上显示日期的代码 chart x d3 time scale range 0 chart w chart xAxis d3