使用NVD3.js反转yAxis

时间:2016-02-19 20:03:30

标签: javascript d3.js nvd3.js

所以我终于能够设置yAxis tickValues但现在当我使用yRange()来反转它时,滴答消失了,有没有更好的方法呢?或者是否有其他设置我忘记添加?

我也设置了xAxis tickValues,我需要它们像顺序标度一样均匀分布。但我读到你不应该使用nvd3图表来改变比例类型。

以下是相关代码:

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);

1 个答案:

答案 0 :(得分:0)

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

相关问题