首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >使用NVD3.js转换yAxis

使用NVD3.js转换yAxis
EN

Stack Overflow用户
提问于 2016-02-20 04:03:30
回答 1查看 254关注 0票数 1

所以我终于能够设置yAxis tickValues了,但是现在当我使用yRange()来反转它时,记号消失了,有没有更好的方法呢?还是我忘了添加另一个设置??

我还设置了xAxis tickValues,我需要它们均匀分布,就像按顺序排列一样。但是我知道你不应该使用nvd3图表来改变刻度类型。

相关代码如下:

代码语言:javascript
复制
var xLabels = ["", 250, 500, 750, 1000, 1500, 2000, 3000, 4000, 6000, 8000, 10000];
var yLabels = [-10, 0, 10, 20, 30, 40, 50, 60, 70, 80, 90, 100, 110, 120];
var chart = nv.models.lineChart()
    .x(function (d) {
        return d.Hz;
    })
    .y(function (d) {
        return d.dB;
    })
    .showLegend(false)
    .showYAxis(true)
    .showXAxis(true);
chart.forceY(yLabels);
chart.forceX(xLabels);
chart.yRange([0, 450]); //This inverts the yAxis

chart.xAxis
    .axisLabel('Frequency (Hz)')
    .tickValues(xLabels)
    .orient('top'); //reposition xaxis labels on top

chart.yAxis
    .axisLabel('dB')
    .tickValues(yLabels);
EN

回答 1

Stack Overflow用户

发布于 2016-02-20 04:27:45

如果上面的代码是addGraph()函数的一部分,那么可以尝试在返回chart对象之前添加nv.utils.windowResize(chart.update);

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/35513977

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档