为什么我的 D3 轴上的标签不一致(例如月、日)?

2024-01-01

我正在尝试创建一个具有时间刻度的 D3 X 轴。

x 轴标签显示不一致:

Sat 09 Aug 10 Mon 11 Tue 12 Wed 13 Thu 14 Fri 15 Sat 16 Aug 17

我把我的代码放在这个小提琴中来说明: http://jsfiddle.net/vh343kmc/2/http://jsfiddle.net/vh343kmc/2/ http://jsfiddle.net/vh343kmc/2/

我认为这是一个时间格式问题,但我不确定。知道出了什么问题吗?


您写了一个很好的时间格式,但您需要告诉您的xAxis使用它:

var xAxis = d3.svg.axis()
    .scale(x)
    .tickSize(1)
    .tickFormat(format) // <------ add this line
    .orient("bottom");

这是轴将更改为的内容。 (请注意,由于尺寸限制,您可能需要调整绘制轴的方式。)

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

为什么我的 D3 轴上的标签不一致(例如月、日)? 的相关文章

  • 从立即调用的匿名函数表达式返回 |它去哪里?

    如果我从立即调用的匿名函数表达式返回一个对象 它会去哪里 例如 这段代码中 foo 去了哪里 function var foo return foo 这有什么有用的应用吗 从自执行函数返回一个值而不将该返回值分配给结果变量只是一个无处可去的
  • JavaScript 对象引用缓存

    我们的代码库中有很多对象 它们的名称空间是为了避免冲突 Example App local view MyView 在我在代码库中看到的大多数地方 我们使用完整路径来获取对对象的引用 并且这在同一函数中重复多次 Example functi
  • 通知用户消息仍在输入中

    我正在使用 Laravel 5 6 7 Socket IO 和 vue js 我没有使用 Pusher 和 redis 下面是我的代码 用于向与我一对一聊天的用户发送消息 var url http localhost 6001 apps M
  • 如何从表中选择所有偶数 id?

    我想从 MySQL 数据库的表中选择所有甚至帖子 ID 然后显示它们 我还想获取所有带有奇怪 id 的帖子并将它们显示在其他地方 我想使用 PHP 来完成此操作 因为这是我使用的服务器端语言 或者 我是否必须选择所有帖子 然后使用 Java
  • 零作为 IIFE 中的第一个参数[重复]

    这个问题在这里已经有答案了 In babeljs v6 5 1 class Foo 编译为 use strict var classCallCheck2 require babel runtime helpers classCallChec
  • 在 asp.net vb 中通过第一个下拉列表值填充第二个下拉列表

    我在使用 asp net vb 时遇到了一些问题 我想做的是有2个下拉框 第一个下拉菜单将有 1 2 3 例如 第二个下拉菜单将有 A 乙 C 默认情况下 但是 如果选择 1 我希望第二个下拉菜单自动选择 c 我不知道 JavaScript
  • 是否可以将反应组件导出为非反应项目中的函数

    有没有办法在非 React 项目中将 React 组件导出为函数并传入 props 作为函数的参数 我最近用 create react app 完成了一个 React 项目 现在我想将它用于其他非 React 项目 纯 Javascript
  • 是否可以覆盖 javaScript 原始数据类型?

    问题是不言自明的 我知道可以扩展原始数据类型 例如string但有可能覆盖它吗 这是在采访中被问到的一个问题 不 你不能覆盖任何东西 Ecma脚本定义原始类型 http es5 github com x4 3 2 Undefined Nul
  • 将 D3 图表另存为图像

    我在应用程序中创建了很多 D3 图表 但现在我的要求是将 D3 图表保存为任何格式 如 png gif 或 pdf 我搜索了很多 每个人都说我们可以使用画布来实现这一点 任何人都可以给出任何示例或链接吗 从概念上讲我很清楚这一点 使用can
  • Bing.com 如何创建放大的缩略图?

    当我使用 Bing com 搜索图像时 我发现它们的图像经过精心裁剪和排序 当您将鼠标放在图像上时 会弹出另一个窗口 其中显示放大的图像 我想在我的程序中做同样的事情 我检查了他们页面的源代码 他们正在使用 javascript 但我仍然不
  • 提交前验证表单(比检查空字段更复杂)

    我有一个包含时间输入的表单 具体来说 开放时间和结束时间 当按下提交按钮时 它会转到一个 php 页面 其中这些输入将添加到数据库中 在允许提交表单之前我想检查一些事情 例如 我想确保开始时间早于 小于 结束时间 这是表格 Opens
  • 引入 V8 后,Google Apps 脚本无法为其他用户完全执行

    我编写了一个脚本 得到了这里好心人的大力帮助 该脚本使用 Google Sheets 脚本复制 Google Drive 上的文件夹 和内容 它运行了很长一段时间 但后来我启用了 V8 引擎 现在已禁用 问题是 它仍然适用于我 也许还有其他
  • JQuery DataTable 单元格从行单击

    我正在尝试在 jquery 数据表上实现一个函数 该函数返回单击行的第一列和第四列 我正在遵循这个示例 它允许我操作单击的行http datatables net examples api select single row html ht
  • 专用网络:web3.eth.getAccounts() 始终发送空数组

    我正在运行一个私人以太坊网络 我确实用https aws amazon com blockchain templates 整个设置已经完成 AWS 上的设置看起来正确 现在 我正在尝试创建帐户并检索所有这些帐户 为此 我使用以下方法 Web
  • ReactJS:从没有 onChange 事件的 props 中选择默认值?

    所以 我只是想知道我是否绝对需要在 React 中的选择组件上有一个 onChange 事件处理程序 我有一个道具传递我想要选择的选项的默认值 如果我有的话 它就没有问题
  • 将 NPM 包客户端与 nuxt 结合使用

    我对 nuxt 和 javascript 非常陌生 我正在尝试弄清楚如何在客户端使用我的应用程序的依赖项 我将它们列在我的 nuxt config js 中并使用 npm 安装 我也有一个文件 plugins导入它们的目录 不确定这是否好
  • RTCDataChannel发送方法不发送数据

    我的 RTCDataChannel 遇到一个奇怪的问题 我正在对 WebRTC 进行一些研究 并且已经可以进行 WebRTC 音频 视频聊天 现在我想使用 RTCDataChannel 添加文本聊天和文件共享 我已经像这样创建了 RTCDa
  • ThreeJS无法加载Json文件

    首先 我已经读过这个问题 https stackoverflow com questions 17201888 three js exporter export object not working with jsonloader r58没
  • 错误:创建 React Native 项目版本 0.59.9 时找不到 template.config.js

    当我尝试创建 React Native 项目版本 0 59 9 时 出现以下错误 错误错误 无法在 react native 模板中找到 var folders zc h93bvpb573q24 5ynvgkn1wc0000gn T rnc
  • Serviceworker Bug event.respondWith

    我的 serviceworker 的逻辑是 当发生获取事件时 它首先获取包含一些布尔值 而不是 event request url 的端点 并根据我正在调用的值检查该值event respondWith 对于当前的获取事件 我正在提供来自缓

随机推荐

  • Numpy 和 Pandas(通过 conda 安装)比通过 pip 运行得更快?

    我有两个Python环境 3 6 我通过 conda 在一个环境中安装软件包 通过 pip 在另一个环境中安装软件包 然后我发现 conda 提供的 numpy 和 pandas 比 pip 版本运行得更快 对于大多数场景 只是想知道为什么
  • 如何在 iText 中设置标题字体颜色

    HeaderFooter header new HeaderFooter new Phrase test new Font bf times false header setAlignment Element ALIGN CENTER he
  • iPhone 应用程序拾取声音

    我试图根据用户是否发出响亮的声音来执行某个操作 我不想做任何语音识别或任何事情 只需根据 iPhone 是否听到响亮的声音执行操作即可 任何建议 教程 我在苹果开发者网站上找不到任何内容 我假设我没有正确地寻找或搜索 对您来说最简单的事情就
  • Python,如何从文件中读取字节并保存? [关闭]

    很难说出这里问的是什么 这个问题是含糊的 模糊的 不完整的 过于宽泛的或修辞性的 无法以目前的形式得到合理的回答 如需帮助澄清此问题以便重新打开 访问帮助中心 help reopen questions 我想从文件中读取字节 然后将这些字节
  • 如何在 C# 中获取和设置环境变量?

    如何获取环境变量 如果缺少某些内容 请设置该值 Use the 系统 环境 https learn microsoft com en us dotnet api system environment class 方法 var value S
  • 在datalab中导入gcsfs报错

    当我在datalab中导入gcsfs时 import gcsfs 我遇到了与 fsspec 包相关的无效语法错误 和版本有关系吗 File usr local envs py3env lib python3 5 site packages
  • CSS3+Javascript 位置粘性可滚动内容

    我在以下工具的帮助下创建了一个侧边栏position sticky而且效果很好 请参阅下面的脚本以了解带有以下文本的颜色识别 当黑色区域向下滚动时 绿色区域会粘在相对于红色顶栏的粘性位置 但绿色区域的内容溢出了页面的视口 当滚动到达页面末尾
  • 警告:预算:初始超出最大预算

    当我运行时出现以下错误npm build prod Error budgets initial exceeded maximum budget Budget 1 00 MB was not met by 500 42 kB with a t
  • golang TCPConn.SetWriteDeadline 似乎没有按预期工作

    我试图通过检查 golang 返回的错误来检测发送失败TCPConn 写 http golang org pkg net TCPConn Write 但为零 我也尝试过使用TCPConn SetWriteDeadline http gola
  • CPU通用寄存器通常是内存映射的吗?

    我对内存映射和内存映射 I O 感到困惑 通用寄存器 例如 ARM 架构中的 r0 r1 等 通常是内存映射的吗 不 这些寄存器位于实际 CPU 或多核 CPU 的 CPU 核心 内部 您无法通过加载或存储到任何内存地址来访问它们 内存映射
  • 将 angularjs 与 Turbolink 一起使用

    我正在尝试在我的应用程序中使用 Angularjs 框架和 Turbolinks 页面更改后 它不会初始化新的事件侦听器 有什么办法让它发挥作用吗 提前致谢 AngularJS 与 Turbolinks 涡轮链接也AngularJS两者都可
  • 为什么在 NASM 中使用 RIP 相对寻址?

    我有一个适用于 Mac OS X 的程序集 hello world 程序 如下所示 global main section text main mov rax 0x2000004 mov rdi 1 lea rsi rel msg mov
  • 从 JSON 构建 URL

    我创建了一个可以像这样构建嵌套网址的函数 我想知道是否存在更主流的库来构建这样的 url uri 我宁愿使用一个标准 utility urlConstruct scheme https domain domain com path logi
  • android中屏幕方向改变时如何改变布局的位置?

    android中屏幕方向改变时如何改变布局的位置 我有一个按钮Relativelayout 当电话接通时LANDSCAPE the Relativelayout位于底部 当手机打开时 它会转到屏幕右侧PORTRAIT 就像下面这张图一样 我
  • 无法读取 null 错误的属性“addEventListener”,不知道为什么

    每当我将鼠标悬停在图像上时 它不会放大并给出错误 HTML 和 Javascript 代码 这是两个单独的文件 var banner document getElementById banner function enlargePic ba
  • IE - 单击相应标签时未选中隐藏单选按钮

    我刚刚注意到 IE7 中有一个奇怪的行为 我有带有关联标签的单选按钮 如下所示
  • 创建 JSF 自定义组件的快速方法

    我知道创建自定义 JSF 组件的两种方法 1 原生JSF方式 创建JSF组件类 标签等 2 Facelets方式 在xhtml文件中定义组件 然后在facelets taglib中创建适当的解密 目前我正在从事一个项目 不幸的是引入face
  • AWS.HttpClient handleRequest 在 AWS lambda 中不起作用

    我正在使用 AWS HttpClienthandleRequest在用 Node Js 编写的 lambda 函数中使用aws sdk搜索 ElasticSearch url 我正在关注 AWS 文档 https docs amazonaw
  • Ruby 和 Python 中的范围

    我一直在同时学习 Ruby 和 Python 我注意到的一件事是这两种语言似乎以不同的方式对待作用域 这是我的意思的一个例子 Python a 5 def myfunc print a myfunc gt Successfully prin
  • 为什么我的 D3 轴上的标签不一致(例如月、日)?

    我正在尝试创建一个具有时间刻度的 D3 X 轴 x 轴标签显示不一致 Sat 09 Aug 10 Mon 11 Tue 12 Wed 13 Thu 14 Fri 15 Sat 16 Aug 17 我把我的代码放在这个小提琴中来说明 http