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

你应该能够设置条形图的格式。值与使用yAxis属性的valueFormat的tick值非常相似：

$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 - 多边形水平图表）

1 个答案: