logo

Warning: The forum is now for consultation only. Please use GitHub Discussions to post any questions or comments.


Welcome Guest ! To enable all features please Login or Register.

Notification

Icon
Error

Options
Go to last post Go to first unread
epf  
#1 Posted : Friday, March 28, 2014 3:49:54 PM(UTC)
epf

Rank: Administration

Groups: Administrators
Joined: 12/20/2013(UTC)
Posts: 1,209
Switzerland

Thanks: 14 times
Was thanked: 206 time(s) in 199 post(s)
The new HTML5 charts based on NVD3 are great...

You can easily customize your charts with some JavaScript code using the NVD3 Chart Configuration property available in the a Model View.

e.g.

for bar charts you can rotate the Axis labels with
Quote:
chart.rotateLabels(90);


for line chart, you can draw area with
Quote:
chart.isArea(true);


try also the funny interpolate() function for lines or areas:
Quote:
chart.interpolate('step-nefore');
chart.interpolate('basis');


Other cool options are available and are (more or less) documented here:
http://nvd3.org/


A good and exhaustive site for documentation with samples is here:
http://cmaurer.github.io/angularjs-nvd3-directives/index.html

Edited by user Friday, March 28, 2014 3:51:43 PM(UTC)  | Reason: Not specified

Users browsing this topic
Guest
Forum Jump  
You cannot post new topics in this forum.
You cannot reply to topics in this forum.
You cannot delete your posts in this forum.
You cannot edit your posts in this forum.
You cannot create polls in this forum.
You cannot vote in polls in this forum.