Multi-bar label type percent? about angularjs-nvd3-directives

[cmaurer]

Yes,
For the individual axis elements use d3.format and a formatFunction to format the percentage.
https://github.com/mbostock/d3/wiki/Formatting#wiki-d3_format
percentage ("%") - like fixed, but multiply by 100 and suffix with "%".

For the overall axis label there are a couple of attributes that handle that, xAxisLabel, yAxisLabel.

Post to plnkr (or something else), if you need help.

Chris

[dagumak]

Am I doing this wrong? The chart is showing up nicely except for the formatting of the y-axis labels.

$scope.yAxisLabelFunction = () ->
   d3.format('%')

yaxislabel="yAxisLabelFunction()"

[cmaurer]

Are you trying to format a value, or are you trying to show a '%' sign?

If you are trying to format a data value you need to do something like the following:

            $scope.yAxisLabelFunction = function(){
                return function(d){
                    return d3.format('%')(d);
                }
            }

If you are trying to show a '%' sign, just return the '%' sign.

[dagumak]

I'm trying to format the labels of the y-axis. For example, in the first graph on this page: http://cmaurer.github.io/angularjs-nvd3-directives/multi.bar.chart.html

I want 9.3 to be a percentage with the % symbol and without the decimal.

[cmaurer]

Ok, thats what I thought. Give me a sec.

[cmaurer]

Try this.

  $scope.yAxisFormatFunction = function(){
                return function(d){
                    return d3.format('%')(d);
                }
            }

<div ng-controller="ExampleCtrl">
    <nvd3-multi-bar-chart
            data="exampleData"
            showYAxis="true"
            id="exampleId"
            yAxisTickFormat="yAxisFormatFunction()">
        <svg></svg>
    </nvd3-multi-bar-chart>
</div>

[dagumak]

Hey Chris! That worked! Thank you very much!

[cmaurer]

No problem. Glad you got it going.

Chris

[udaykanth3]

how to display values(x,y) on the line chart graph using NVD3.. directly on the line chart i need to display ?? if possible reply me ...

[tilluran006]

Its straight forward
add
.showValues(true)
in you code