Charts
Get the Code
[chart data="30,20,20,30" bg="FFFFFF" labels="Pretty|Cool|Reliable|Perfect" colors="69D2E7,A7DBD8,F38630,E0E4CC" size="712x220" title="What People Say About Free" type="pie"]
Cool stuff is that you can either choose different colors for all of your pie pieces, but you can also just define one color and the shortcode creates a color scheme automatically from that pattern.
Get the Code
[chart data="30,20,20,30" bg="FFFFFF" labels="Pretty|Cool|Reliable|Perfect" colors="69D2E7" size="470x220" title="What People Say About Free" type="pie"]
Get the Code
[chart data="0,25,50,75,100|2,33,43,17,25|0,25,50,75,100|0,20,25,40,75" bg="FFFFFF" labels="Begin|25|50|75|End" colors="69D2E7,FA6900" size="348x190" title="Another Line Chart" type="xyline"]
Using these shortcodes is incredibly easy, the only thing you need to know are the facts and which colors and titles you want to display. The rest is handled by our shortcode.
Get the Code
[chart data="70,25,20.01,4.99" bg="FFFFFF" labels="2010|2011|2012|2013" colors="058DC7,50B432,ED561B,EDEF00" size="348x190" title="Line Chart Title" type="line"]
Get the Code
[chart data="0,10,20,30,40,50,60,70,80,90,100|50,52,56,63,70,80,92,85,75,60,43" bg="FFFFFF" labels="1|2|3|4|5|6|7|8|9|10" colors="69D2E7" size="348x190" title="Scatter Chart" type="scatter"]
Get the Code
[chart data="70,25,20.01,4.99" bg="FFFFFF" labels="Pretty|Cool|Reliable|Perfect" colors="69D2E7" size="348x190" title="Pie Chart Title" type="pie2d"]
Get the Code
[chart data="90" bg="F7F9FA" labels="90%" colors="69D2E7,A7DBD8,E0E4CC" size="712x220" title="How free are you?" type="gom"]