NVD3.js Y轴最小值

时间:2014-01-11 10:10:05

标签: javascript

出于某种原因,我很难找到设置y轴起点的方法。我希望y轴从0开始。现在它开始于15

这是我的代码:

<script>
    nv.addGraph(function() {
        var chart = nv.models.lineWithFocusChart();

        chart.xAxis
            .tickFormat(function(d) { return d3.time.format('%x')(new Date(d)) });
        chart.x2Axis
            .tickFormat(function(d) { return d3.time.format('%x')(new Date(d)) });

        chart.yAxis
            .tickFormat(d3.format(',f'));
        chart.y2Axis
            .tickFormat(d3.format(',f'));

        d3.select('#chart svg')
                .datum(
                    [
                        {
                            key : 'Current' ,
                            color : '#2ca02c',
                            values : [
                                { x:01112014 , y:15 },
                                ...
                            ]
                        },
                        {
                            key : 'Backlog' ,
                            color : '#ff7f0e',
                            values : [
                                { x:01112014 , y:50 },
                                ...
                            ]
                        }
                    ]
                )
                .call(chart);

        nv.utils.windowResize(chart.update);

        return chart;
    });
</script>

1 个答案:

答案 0 :(得分:0)

尝试使用forceY

chart.lines.forceY([ 0 ]);  // main chart
chart.lines2.forceY([ 0 ]); // view finder chart