更改nvd3散点图中的y轴标签

时间:2014-05-04 21:48:33

标签: javascript d3.js scatter-plot nvd3.js axis-labels

我正在尝试为nvd3中的气泡图设置自己的y轴标签。目前标签是[1,2,3,4,5]。我希望它们显示为[2,4,8,16,32]。我找到了以下功能,

chart.yAxis.tickValues(['2','4','8','16','32']);

但标签未被更改here。我无法理解为什么。

1 个答案:

答案 0 :(得分:2)

如果y值本身不在2-32范围内,则这些刻度值不会产生任何影响。现在该图表的y值最多为2 +。

因此,如果除了在问题中添加chart.yAxis.tickValues(['2','4','8','16','32']);到“图表代码/ Javascript”选项卡之外,还可以对“数据(JSON)”选项卡中的代码进行以下更改...

y: Math.floor(Math.random() * 33) // change from y: random()

...然后您会看到您指定的刻度值(2-32)显示在y轴上。

注意:我假设您正在查看散点图/气泡图。