nvd3 multibar chart show values

Asked May 19 '14 at 15:59

Active Sep 19 '17 at 06:01

Viewed 3,239 times

I have a stacked multiBarChart created with nvd3: jsfiddle is here: http://jsfiddle.net/e3kxZ/5/

(1) How can I get each region to display its value near its top?

I tried showValues(true) but I don't think that's supported in multiBarChart.

Other concerns I have are:

(2) how to set the text color so that it contrasts enough with the region (dark vs light colors), and

(3) how to keep the text labels from overlapping if any particular region is small.

I found an svg example (doesn't use nvd3) -- it assumes a static size for the chart, but I'd prefer to use something convenient and dynamic like nvd3.

Alternatively, if there is a different js library that supports this out of the box, please let me know and I'll use that instead.

Thanks in advance for any help!

edited May 21 '14 at 13:33

asked May 19 '14 at 15:59

user1011471

1,090
2
14
34

You can add the following option: .staggerLabels(true) to avoid text overlapping – shabeer90 May 19 '14 at 16:05
I've seen an example of that... Does staggerLabels apply to the numerical labels I want to apply to each region? Or only to labels along the axis? – user1011471 May 19 '14 at 17:03
1

Could you add your code in a fiddle so someone can have a deeper look and help you out. – shabeer90 May 19 '14 at 20:55
Thanks for the suggestion -- http://jsfiddle.net/e3kxZ/5/ – user1011471 May 20 '14 at 15:09
I think this is duplicated from http://stackoverflow.com/questions/30621208/how-to-display-values-in-stacked-multi-bar-chart-nvd3-graphs/31865794 – Topicus Aug 06 '15 at 21:07

nvd3 multibar chart show values

0 Answers0