Nvd3-是否可以在 nvd3 折线图/条形图的 x 轴上显示任何字符串值？答案

【问题标题】：Nvd3- is it possible to display any string value at x-axis at nvd3 line / bar chart?Nvd3-是否可以在 nvd3 折线图/条形图的 x 轴上显示任何字符串值？
【发布时间】：2013-11-13 07:27:24
【问题描述】：

我正在使用 NVD3 图表库在我的应用程序中显示图表。我曾经显示许多图表类型，例如折线、条形、饼图、散点图等。到现在为止，我过去只在折线图/条形图的 x 轴上显示整数/浮点值。它运行良好。（示例数据：（x-10，y-50），（x-20，y-100 )) 但问题是，当我试图在 x 轴上显示带有一些字符串值的折线图时，nvd3 图表不显示任何内容..不知道哪里出错了？ (样本数据：(x-sun,y-50),(x-mon,y-75),(x-tue,y-100)) 需要帮助。提前致谢

【问题讨论】：

您是否收到任何错误消息？
@LarsKotthoff：不，伙计..但是我得到的是 NAN 而不是 x 轴字符串。也在工具提示处得到 NAN..
听起来您在 x 轴上使用日期。最好将这些值作为日期传递，解析它们并让 D3 为您格式化轴标签。
@LarsKotthoff：不，我没有尝试将日期传递到 x-axis.iam 试图传递我的问题中所示的字符串..ie.（示例数据：（x-sun，y- 50),(x-mon,y-75),(x-tue,y-100))
你能发布你的 JSON 数据和一些代码吗？您可能需要从线性刻度更改轴，否则它可能会尝试插入字符串。

标签： nvd3.js

【解决方案1】：

试试这个，它对我有用：

选择所有与文本对应的 svg 元素。 container 是一个引用字符串的变量，用于选择文本；

d3.selectAll(container + ' .nv-x .tick text').text(function(d){return d;})

【讨论】：