NVD3 x 轴标签与 lineChart 和历史图表未对齐

苏吉特·库马尔·辛格

这类似于此处报告的问题

在这个示例工作示例中,我实现了一个折线图和一个历史图表。

chart.xAxis
    .showMaxMin(true)
    .tickFormat(function(d) { return d3.time.format('%b %d')(new Date(d)) })

一切都按预期工作,除了 x 轴中的轴标签与线点或条形图不同步。

由于此问题中建议的解决方案说这是由于日期格式,我尝试在我的新示例中格式化日期/时间但问题还是一样。

chart.xAxis
    .showMaxMin(true)
    .tickFormat(function(d) { return d3.time.format('%b %d %Y')(new Date(d)) })

对我来说,它最初看起来是 NVD3 库的问题,因为相同的格式对于我检查过的其他图表类型非常有效。因此我在这里提出了一个问题

杰兹纳格

您需要设置 xScale。chart.xScale(d3.time.scale())

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

单击时恢复X轴值-NVD3 LineChart

来自分类Dev

设置最大x和y轴范围NVD3

来自分类Dev

多图(NVD3)x轴标签不显示

来自分类Dev

X轴标签与NVD3重叠

来自分类Dev

NVD3 JavaScript图表-使用1个或多个系列的具有重复的右手y轴的lineChart

来自分类Dev

如何使用nvd3图表沿X轴值和范围选项缩放?

来自分类Dev

NVD3多棒水平图x轴域

来自分类Dev

了解NVD3 X轴日期格式

来自分类Dev

NVD3折线图显示X轴

来自分类Dev

了解NVD3 X轴日期格式

来自分类Dev

nvd3双X轴在StackedGroupedChart中

来自分类Dev

如何在nvd3中的Y轴上设置自定义刻度和标签

来自分类Dev

动态生成的<nvd3>标签不会生成图表

来自分类Dev

NVD3.js multiChart x轴标签与线对齐,但不与条对齐

来自分类Dev

NVD3.js multiChart x轴标签与多条线对齐,但没有多条

来自分类Dev

重新绘制图表后,nvd3.js x轴未旋转所有刻度线标签

来自分类Dev

nvd3 multibarchart的高度和标签问题

来自分类Dev

如何在角度nvd3中隐藏y轴并从x轴删除刻度线

来自分类Dev

X轴日期与nvd3中的y轴数据不一致

来自分类Dev

双Y轴的角度nvd3 MultiChart X轴校准问题

来自分类Dev

双Y轴的角度nvd3 MultiChart X轴校准问题

来自分类Dev

nvd3折线图,x轴上有字符串值

来自分类Dev

nvd3折线图,x轴上有字符串值

来自分类Dev

nvd3,x轴滴答声重复了某些月份

来自分类Dev

NVD3 Line Plus条形图X轴刻度错误

来自分类Dev

在列标签和 x 轴标签 c3 图表之间添加空格

来自分类Dev

图表 X 轴错误标签

来自分类Dev

nvd3 LineChart工具提示不起作用

来自分类Dev

rcharts NVD3 lineChart中的绘图区域