从辅助 x 轴的负值中删除负号

Question

屏幕截图显示了值以及沿次要 x 轴的减号。我想摆脱它。如有不妥请指正

代码如下：

var app = angular.module('myApp', ['nvd3']);
app.controller('myCtrl', function($scope) {


    $scope.options = {
        chart: {
            type: 'multiBarHorizontalChart',
            height: 500,
            x: function(d){return d.label;},
            y: function(d){return d.value;},
            //yErr: function(d){ return [-Math.abs(d.value * Math.random() * 0.3), Math.abs(d.value * Math.random() * 0.3)] },
            showControls: true,
            showValues: true,
            duration: 500,
            stacked: true,
            xAxis: {
                showMaxMin: false
            },
            yAxis: {
                axisLabel: 'Values',
                tickFormat: function(d){
                    return d3.format(',f')(d);

                }
            }
        }

    };

Answer 1

您需要调整 yAxis 的 tickFormat:

yAxis: {
    axisLabel: 'Values',
    tickFormat: function(d){
        return d3.format(',f')(Math.abs(d));   // Use Math.abs() to get the absolute value
    }
}

这会将绝对刻度值传递给格式化程序，呈现所有不带负号的值。

从辅助 x 轴的负值中删除负号

Remove minus sign from the the negative values of the secondary x-axis

charts

d3.js

nvd3.js