Divi Charts
Moving forward the age of data
Soon, showing your data in amazing charts in your is going to be easy.
What is Divi Charts?
Divi charts is a plugin for wordpress that will expand Divi’s capabilities to create charts in an easy way going from simple to advanced charts and dashboards.
Divi Charts will be based mainly on three libraries Google Charts, ApexCharts and Chartjs so any chart you can create with these libraries will be posible create with Divi Charts.
[dich_chart chart_render_engine=»GoogleCharts» chart_type=»area» chart_title=»Chart types per render engine» datainput_table=»Render Engine Chart type
Google Charts 26
ApexCharts 12
Chats.js 9″ chart_options=»{
colors: %91%22#983798%22, %22orange%22, %22green%22%93
}» chart_display_legend=»off» chart_axis_y_0=»Chart types» _builder_version=»4.9.2″ _module_preset=»default» height=»220px» hover_enabled=»0″ sticky_enabled=»0″ chart_series_config=»{%22secondaryAxis%22:false,%22series%22:{%220%22:{%22color%22:%22#ba1212%22}}}»][/dich_chart][dich_chart chart_render_engine=»ApexCharts» chart_title=»Chart types per render engine» datainput_table=»Render Engine Chart type
Google Charts 26
ApexCharts 12
Chats.js 9″ chart_options=»{
colors: %91%22#983798%22, %22orange%22, %22green%22%93
}» chart_display_legend=»off» chart_axis_y_0=»Chart types» _builder_version=»4.9.2″ _module_preset=»default» height=»220px» hover_enabled=»0″ sticky_enabled=»0″][/dich_chart][dich_chart chart_render_engine=»Chart.js» chart_type=»bar» chart_title=»Chart types per render engine» datainput_table=»Render Engine Chart type
Google Charts 26
ApexCharts 12
Chats.js 9″ chart_options=»{
colors: %91%22#983798%22, %22orange%22, %22green%22%93
}» chart_display_legend=»off» chart_axis_y_0=»Chart types» _builder_version=»4.9.2″ _module_preset=»default» height=»220px»][/dich_chart]
Google Charts 26
ApexCharts 12
Chats.js 9″ chart_options=»{
colors: %91%22#983798%22, %22orange%22, %22green%22%93
}» chart_display_legend=»off» chart_axis_y_0=»Chart types» _builder_version=»4.9.2″ _module_preset=»default» height=»220px» hover_enabled=»0″ sticky_enabled=»0″ chart_series_config=»{%22secondaryAxis%22:false,%22series%22:{%220%22:{%22color%22:%22#ba1212%22}}}»][/dich_chart][dich_chart chart_render_engine=»ApexCharts» chart_title=»Chart types per render engine» datainput_table=»Render Engine Chart type
Google Charts 26
ApexCharts 12
Chats.js 9″ chart_options=»{
colors: %91%22#983798%22, %22orange%22, %22green%22%93
}» chart_display_legend=»off» chart_axis_y_0=»Chart types» _builder_version=»4.9.2″ _module_preset=»default» height=»220px» hover_enabled=»0″ sticky_enabled=»0″][/dich_chart][dich_chart chart_render_engine=»Chart.js» chart_type=»bar» chart_title=»Chart types per render engine» datainput_table=»Render Engine Chart type
Google Charts 26
ApexCharts 12
Chats.js 9″ chart_options=»{
colors: %91%22#983798%22, %22orange%22, %22green%22%93
}» chart_display_legend=»off» chart_axis_y_0=»Chart types» _builder_version=»4.9.2″ _module_preset=»default» height=»220px»][/dich_chart]
Standing on the shoulders of giants
Google Charts
ApexCharts
Chart.js
Made for Designers and Developers
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.