从次要 Y 轴上的值中删除负号（Nvd3 - 多条水平图表）

Question

我想去掉次要 y 轴值中的负号。下面是显示相同的图表。 Nvd3 Multibar-Horizontal Chart

代码：

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


    $scope.options = {
        chart: {
            type: 'multiBarHorizontalChart',
            height: 350,
            x: function(d){
                console.log(d.value);
                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

            },
            axisLabelDistance:50,
            yAxis: {
                axisLabel: 'Values',
                tickFormat: function(d){
                    return d3.format(',f')(Math.abs(d));
                }
            },
            valueFormat:d3.format(".0f"),

        },

    };

我已经删除了 x 轴值的减号，但机器人无法将其从次要 y 轴上删除。请帮我解决这个问题。

Answer 1

您应该能够使用 valueFormat 属性:

设置柱形值的格式，与 yAxis 的刻度值非常相似

$scope.options = {
    chart: {
        /* more lines omitted for brevity */

        yAxis: {
            axisLabel: 'Values',
            tickFormat: function(d){
                return d3.format(',f')(Math.abs(d));
            }
        },
        valueFormat: function(d){
                return d3.format(',f')(Math.abs(d));
        },

        /* more lines omitted for brevity */
    },

};

从次要 Y 轴上的值中删除负号（Nvd3 - 多条水平图表）

To remove minus sign from the values on the secondary Y-axis (Nvd3 -Multibar Horizontal Chart)

javascript

graph

d3.js

angularjs

nvd3.js