Charts
Pie Charts
[gap]
[box][one_half tablet=6 mobile=12 float=”center”]Visualize your data in 6 different ways. Each of them animated, with a load of customisation options and interactivity extensions. Chart.js uses the HTML5 canvas element. It’s supported in all modern browsers.[/one_half][one_half tablet=6 mobile=12 float=”left”][wp_charts type=”pie” title=”MyPie” width=”200px” margin=”20px” align=”alignright” data=”10,5,15,30,27,3″ legend=”Bread, Butter, Milk, Oil, Salt, Water” colors=”” animation=”true” ][/one_half][/box][horizontal_line]
Dougnut Charts
[gap][box][one_half tablet=6 mobile=12 float=”center”][wp_charts type=”doughnut” title=”MyDoughnut” width=”200px” margin=”20px” align=”alignleft” data=”10,5,15,30,27,3″ legend=”Bread, Butter, Milk, Oil, Salt, Water” colors=”” animation=”true” ][/one_half][one_half tablet=6 mobile=12 float=”left”]Pie and doughnut charts are probably the most commonly used chart there are. They are divided into segments, the arc of each segment shows a the proportional value of each piece of data. They are excellent at showing the relational proportions between data.[/one_half][/box][horizontal_line]
Polar Area Charts
[gap][box][one_half tablet=6 mobile=12 float=”center”]Polar area charts are similar to pie charts, but each segment has the same angle – the radius of the segment differs depending on the value. This type of chart is often useful when we want to show a comparison data similar to a pie chart, but also show a scale of values for context.[/one_half][one_half tablet=6 mobile=12 float=”left”][wp_charts type=”polararea” title=”MyPolar” width=”200px” margin=”20px” align=”alignright” data=”10,5,15,30,27,3″ legend=”Bread, Butter, Milk, Oil, Salt, Water” colors=”” animation=”true” ][/one_half][/box][horizontal_line]
Bar Charts
[gap][box][one_half tablet=6 mobile=12 float=”left”][wp_charts type=”bar” title=”MyBar” width=”300px” align=”aligncenter” datasets=”20,5,36,7 next 20,40,35,9 ” legend=”Bread, Butter” colors=”” animation=”true” labels=”january, february,march,april” canvaswidth=”200″ canvasheight=”200″ scaleOverride=”true” scaleSteps=”10″ scaleStepWidth=”5″ scaleStartValue=”0″ fillopacity=”1″][/one_half][one_half tablet=6 mobile=12 float=”left”]A bar chart is a way of showing data as bars. It is sometimes used to show trend data, and the comparison of multiple data sets side by side.[/one_half][/box][horizontal_line]
Line Charts
[gap][box][one_half tablet=6 mobile=12 float=”left”]A line chart is a way of plotting data points on a line. Often, it is used to show trend data, and the comparison of two data sets.[/one_half][one_half tablet=6 mobile=12 float=”left”][wp_charts type=”line” title=”MyLine” width=”300px” align=”aligncenter” datasets=”20,5,36,7 next 20,40,35,9 ” legend=”Bread, Butter” colors=”” animation=”true” labels=”january, february,march,april” canvaswidth=”200″ canvasheight=”200″ scaleOverride=”true” scaleSteps=”10″ scaleStepWidth=”5″ scaleStartValue=”0″ fillopacity=”0.3″][/one_half][/box][horizontal_line]
Radar Charts
[gap][box][one_half tablet=6 mobile=12 float=”left”][wp_charts type=”radar” title=”MyRadar” width=”300px” align=”aligncenter” datasets=”20,5,36,7 next 20,40,35,9 ” legend=”Bread, Butter” colors=”” animation=”true” labels=”january, february,march,april” canvaswidth=”200″ canvasheight=”200″ scaleOverride=”true” scaleSteps=”10″ scaleStepWidth=”5″ scaleStartValue=”0″ fillopacity=”0.3″][/one_half][one_half tablet=6 mobile=12 float=”left”]A radar chart is a way of showing multiple data points and the variation between them. They are often useful for comparing the points of two or more different data sets.[/one_half][/box]