How to Create Dynamic Charts with Ninja Charts

Once you install and activate Ninja Charts, this plugin is ready to create any type of chart you want!

As a free WordPress chart plugin, Ninja Charts makes the process of creating online charts very easy.

Ninja Charts chart types

Chart renderer in Ninja Charts:

  • Charts Js
  • Google Charts

Chart options in Ninja Charts (Charts from both renderers):

  • Line Chart
  • Pie Chart
  • Bar Chart
  • Horizontal Bar
  • Bubble Chart
  • Doughnut Chart
  • Scatter Chart
  • Area Chart
  • Combo Chart
  • Radar Chart
  • Polar Chart

Creating WordPress Charts with Ninja Charts #

First of all, go to the Ninja Charts dashboard and click the “Add New” button.

Ninja Charts UI
  • Enter the chart name.
  • Choose a Chart Renderer. Choose either Google Charts or Chart Js.
  • After choosing Chart Js here, you’ll see multiple chart types. Let’s pick one.
  • We’ve selected the Horizontal Bar chart for demonstration and clicked Next.

chart types
  • After this, you have to select the Data Source from the Source option.

-Manual Input
-Ninja Tables
-Fluent Forms

Ninja Charts from Ninja Tables and Fluent Forms

Here, we’ve selected Ninja Tables as the data source as an example.

  • Now, select the table you want to turn into a chart from the dropdown.
Select table data for chart

  • Hit Next and now you’re in the Data Range tab where you can choose what table entries you want in your chart.

select table columns as bars in chart

  • You can customize it all you want in the Formatting & Preview tab.

So, here’s the Horizontal Bar chart by Ninja Charts made with the chosen data table in Ninja Tables in the Formatting & Preview tab.

customize ninja charts

Now hit Save and get the shortcode from the next tab.

embed Ninja Charts anywhere

Copy the auto-generated shortcode and paste it anywhere on your website.

This is how you can create different charts using Ninja Charts.

Leave a Reply

Your email address will not be published. Required fields are marked *