Charts

[epsilon_heading1 title= »Charts » full_width= »0″ bgstyle= »bg-red-dark » bgcolor= » » tcolor= » » icon= »fa-arrow-right » icolor= » » ]

Charts are simple to use and documented properly for everyone! Driven by JS and powered by CSS3 these are just plain awesome!

[epsilon_hr]

[epsilon_container fullscreen= »no »][epsilon_one_halft][epsilon_chart labels= »One,Two,Three,Four » data= »10,60,30,40″ colors= »#c0392b,#f39c12,blue,#27ae60″ style= »1″ ][/epsilon_one_halft][epsilon_one_halft_last][epsilon_htext text= »Pie Statistics » hstyle= »h4″ pad= »no-bottom » ]

10% More Red!

40% More Green!

60% More Yellow!

30% More Blue!

[/epsilon_one_halft_last][/epsilon_container]

[epsilon_hr]

[epsilon_container fullscreen= »no »][epsilon_htext text= »Bar Charts » hstyle= »h4″ pad= »no-bottom » ]

Pie charts are amazing, and very easy to use in our template, the variables are already inside the custom.js file, you simply copy and paste these variables, duplicate the pie ID, and you succesfully created another responsive chart!

[epsilon_one_halft][epsilon_chart labels= »One,Two,Three,Four » data= »10,60,30,40″ colors= »#c0392b,#f39c12,blue,#27ae60″ style= »2″ ][/epsilon_one_halft][epsilon_one_halft_last][epsilon_htext text= »Bar Statistics » hstyle= »h4″ pad= »no-bottom » ]

10% More Red!

40% More Green!

60% More Yellow!

30% More Blue!

[/epsilon_one_halft_last][/epsilon_container]

[epsilon_hr]

[epsilon_container fullscreen= »no »]
[epsilon_one_halft][epsilon_htext text= »CSS3 Horizontal Square Charts » hstyle= »h4″ pad= »no-bottom » ][epsilon_rparagraph tcolor= » » position= »left » ]Charts are awesome, important and they are a must, multiple color variations to make it sweet![/epsilon_rparagraph][epsilon_chart labels= »One,Two,Three,Four » data= »10,60,30,40″ colors= »#c0392b,#f39c12,blue,#27ae60″ style= »3″ ][/epsilon_one_halft]
[epsilon_one_halft_last][epsilon_hr pad= »full-top » classes= »hide-if-responsive » ][epsilon_htext text= »CSS3 Horizontal Rounded Charts » hstyle= »h4″ pad= »no-bottom » ][epsilon_rparagraph tcolor= » » position= »left » ]Charts are awesome, important and they are a must, multiple color variations to make it sweet![/epsilon_rparagraph][epsilon_chart labels= »One,Two,Three,Four » data= »10,60,30,40″ colors= »#c0392b,#f39c12,blue,#27ae60″ style= »4″ ][/epsilon_one_halft_last]
[/epsilon_container]

 

Envoi
User Review
0 (0 votes)