【问题标题】:change y axis labels in nvd3 scatter-chart更改 nvd3 散点图中的 y 轴标签
【发布时间】:2014-05-04 21:48:32
【问题描述】:

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

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

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

【问题讨论】:

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


    【解决方案1】:

    如果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 轴上。

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

    【讨论】:

    • 实际上,我正在绘制对数刻度值,但希望轴具有原始值。有可能吗?
    • 嗯,这与你原来的问题有所不同,我相信我在回复中已经解决了这个问题。我还创建了一个FIDDLE 来说明我的回应。您可能想将此作为另一个问题提出,并通过向其中添加数据来使用此小提琴作为起点。有意义吗?
    • @Dinesh 如果你能得到你迄今为止工作过的代码,那将很容易,所以更容易提供帮助。
    • 对数比例,请提出另一个问题。问题应该从一开始就完整 - 换句话说,一旦人们开始寻找问题,您就无法更改问题 - 这对他们不公平!
    • @FernOfTheAndes 请看问题stackoverflow.com/questions/23474319/…
    猜你喜欢
    • 2013-06-21
    • 1970-01-01
    • 1970-01-01
    • 2013-06-18
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-10-17
    相关资源
    最近更新 更多