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

标签 angularjs nvd3.js

我写信是想问你为什么 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"}]}];

});

最佳答案

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

关于angularjs - 当所有值都等于零时,Nvd3 Multibarchart forceY 选项不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41812457/

相关文章:

r - 在 R 中有一种方法可以在维恩图中显示层次聚类

javascript - nvd3 折线图未正确显示。 (点和阴影区域)

angularjs - 如何增加 Angular Material 中的 md-tab 大小?

angularjs - 我可以使用 AngularJS 资源版本 1.2.3 编写 "finally"代码吗?

javascript - AngularJS/Parse.com : $scope. currentUser 变量未更新

javascript - 在 Release模式下第一次 ng-include 后 Angular 停止

javascript - 使用 d3.js 在 x 轴上显示相对时间

javascript - NVD3 图表 'No Data' 消息未居中

javascript - 使用 NVD3.js 的 <circle> 属性 cx ="NaN"的值无效

javascript - AngularJS $http.get 请求不在 Ionic 中显示数据