THIS CUSTOM JS charting library created by PSDDude from ZERO implements customized HTML tags which enable developing charts and graphs for infographics.
it's a light-weight, pure JavaScript charting library (NO jQuery or other libraries required) which makes use of HTML5 technologies and works on all brand new browsers together with IE, Chrome, Firefox, Opera, Safari.
To Use it you don't wish to recognize any JavaScript, as all of the charts are introduced as HTML tags. you'll apply the very uncomplicated infographic library documentation which additionally contains examples.
The library permits growing: - Piecharts and doughnuts - Shape graphs – you'll be able to transform any image(PNG) into a graph - Shape bar graphs – use any symbol (PNG) to construct a bar chart - Line graphs - Barchart graphs
Intensive easy to make use of documentation incorporated.
Simple customization: color scheme, measurement, and the like.
BONUS:UNFASTENED WordPress Charts and Graphs plugin for adding infographics for your posts and pages
check out the Christmas Infographic Sample
Consult With the infographic javascript library undertaking web page for planned options
Modification log
v 1.ZERO.3 Jul 17, 2014- charts are now responsive; use % for width and the charts measurement will likely be adjusted according to the scale of the element the place inside of which it's placed and it is going to additionally resize with the window;
- for piechart and doughnut charts delivered the attribute “start-angle” to suggest the start line at which the slices will likely be drawn; this characteristic is in levels (from ZERO to 360 however it can be any quantity even bad);
- for piechart and doughnut chart if only one slice worth is used it will probably be handled as a proportion value; you can also use it as a price if the characteristic “label-kind” is set as “value” – set the newly delivered characteristic “base-worth” as a calculation base for showing the chart (eg. if the slice price is 50, the “label-type” is about as “worth” and the “base-worth” is set to 2 HUNDRED, the chart will show a slice 50 / TWO HUNDRED = 25%)
- for line graph added the “x-axis-labels” characteristic to signify if the graph must display labels at the X-axis
- bar graphs can now be configured to display as stacked bar graphs through environment the “bar-kind” characteristic to “stacked”
- for piechart/doughnut delivered the “padding” attribute to indicate the gap among the outer circumference of the chart and the bounding box of the chart
- for piechart/doughnut added the “highlight-mode” characteristic to signify find out how to spotlight slices on mouse-over; the highlight can also be “default” for color spotlight only, “pop” for highlighting via coming out the slice and “border” for highlighting via adding an exterior border around the slice
- for piechart/doughnut brought the “spotlight-dimension” characteristic which matches in conjunction with the “highlight-mode” attribute to indicate the size of the popping out impact for “pop” and the width of the border for “border” spotlight mode
- added the “label-type” characteristic to piechart/doughtnut which permits representing both share (“%”), value (“price”) or hiding the slice label
- added the “label-decimals” attribute to piechart/doughnut for indicating the precision of the number displayed on each slice
- delivered the “label-unit” attribute to piechart/doughnut for indicating the name of the measure unit used on each and every slice (eg. tens of millions, billions, computers, and so on.)
- introduced the “hollow-measurement” attribute for doughnut charts to signify the scale of the middle hollow
- introduced support for displaying CSV information for the line graph (eg. you'll export CSV knowledge from GoogleAnalytics and use that file as a parameter for the graph and it'll display it accordingly)
- line graph and bar graph has been adjusted to also beef up showing of bad values
FULL DOWNLOAD
No comments:
Post a Comment