当所有值都等于零时，Nvd3 Multibarchart forceY 选项不起作用

Question

我写信是想问你为什么 Y 轴从 -1.0 开始，尽管我已将选项 forceY 设置为 0，但所有值都等于零。我该如何解决这个问题。

请查收附件：example

var app = angular.module('plunker', ['nvd3']);

app.controller('MainCtrl', function($scope) {
$scope.options = {
        chart: {
            type: 'multiBarChart',
            height: 450,
            forceY:[0],
            margin : {
                top: 20,
                right: 20,
                bottom: 45,
                left: 45
            },
            clipEdge: true,
            duration: 500,
            stacked: true,
            xAxis: {

                axisLabel: 'Time (ms)',
                showMaxMin: false,
                tickFormat: function(d){
                    return d3.format(',f')(d);
                }
                ,ordered:'bottom'
            },
            yAxis: {

                axisLabel: 'Y Axis',
                axisLabelDistance: -20,
                tickFormat: function(d){
                    return d3.format(',.1f')(d);
                }

            }
        }
    };

    $scope.data = [{"key":"2016","values":[{"x":"Gennaio","y":0,"color":"blue"},{"x":"Febbraio","y":0,"color":"#FFFFFF"},{"x":"Marzo","y":0,"color":"#FFFFFF"},{"x":"Aprile","y":0,"color":"#FFFFFF"},{"x":"Maggio","y":0,"color":"#FFFFFF"},{"x":"Giugno","y":0,"color":"#FFFFFF"},{"x":"Luglio","y":0,"color":"#FFFFFF"},{"x":"Agosto","y":0,"color":"#FFFFFF"},{"x":"Settembre","y":0,"color":"#FFFFFF"},{"x":"Ottobre","y":0,"color":"#FFFFFF"},{"x":"Novembre","y":0,"color":"#FFFFFF"},{"x":"Dicembre","y":0,"color":"#FFFFFF"}]},{"key":"2017","values":[{"x":"Gennaio","y":0,"color":"#FF9896"},{"x":"Febbraio","y":0,"color":"#FF9896"},{"x":"Marzo","y":0,"color":"#FF9896"},{"x":"Aprile","y":0,"color":"#FF9896"},{"x":"Maggio","y":0,"color":"#FF9896"},{"x":"Giugno","y":0,"color":"#FF9896"},{"x":"Luglio","y":0,"color":"#FF9896"},{"x":"Agosto","y":0,"color":"#FF9896"},{"x":"Settembre","y":0,"color":"#FF9896"},{"x":"Ottobre","y":0,"color":"#FF9896"},{"x":"Novembre","y":0,"color":"#FF9896"},{"x":"Dicembre","y":0,"color":"#FF9896"}]}];

});

Answer 1

可能是 nvd3 angularjs 库 (https://krispo.github.io/angular-nvd3/) 的错误。您尝试将属性 forceY 设置为 1 值。

Answer 2

这里的关键是yDomain1:[0,100]

chart: {
                type: 'multiChart',
                height: 600,
                margin: {
                    top: 0,
                    right: 20,
                    bottom: 120,
                    left: 45
                },
                x: function (d) {
                    if (d) {
                        return d.x;
                    }
                },
                y: function (d) {
                    if (d) {
                        return d.y;
                    }
                },
                clipEdge: true,
                showControls: false,
                bars1: {
                },
                lines1: {
                    interactive: false,
                },
                staggerLabels: false,
                transitionDuration: 1000,
                stacked: false,
                reduceXTicks: false,
                xAxis: {
                    ticks: 11,
                    showMaxMin: false,
                    rotateLabels: 70,
                    tickFormat: function (d) {
                        if (d) {
                            var serializedString = d.toString();
                            var monthString = moment().month(Number(serializedString.substring(4)) - 1).format("MMM");
                            var yearString = serializedString.substring(0, 4);
                            return monthString + ", " + yearString;
                        }
                    },
                },
                yDomain1: [-10, 100],
                yAxis1: {
                    axisLabel: '% Values',
                    axisLabelDistance: 100,

                }
            }
        }

当所有值都等于零时，Nvd3 Multibarchart forceY 选项不起作用

Nvd3 Multibarchart forceY option doesn't work when all values are equal to zero

angularjs

nvd3.js