{"id":312,"date":"2025-03-13T10:36:56","date_gmt":"2025-03-13T10:36:56","guid":{"rendered":"https:\/\/documentation.iqonic.design\/graphina\/?p=312"},"modified":"2025-03-13T10:36:58","modified_gmt":"2025-03-13T10:36:58","slug":"retrieving-dynamic-data-using-wordpress-filters","status":"publish","type":"post","link":"https:\/\/documentation.iqonic.design\/graphina\/retrieving-dynamic-data-using-wordpress-filters\/","title":{"rendered":"Retrieving Dynamic Data Using WordPress Filters"},"content":{"rendered":"
\n

The WordPress filter functionality<\/strong> allows users to fetch and modify dynamic data effortlessly. By utilizing the graphina_extra_data_option<\/code> filter, you can integrate custom data into Graphina charts and widgets.<\/p>\n\n\n\n

How to Use the WordPress Filter for Dynamic Data<\/strong><\/h2>\n\n\n\n

To enable this feature, add the Graphina filter<\/strong> to any WordPress file. A common practice is to include it in the functions.php<\/strong> file of your active theme.<\/p>\n\n\n\n

Example Use Cases<\/strong><\/h4>\n\n\n\n

The filter provides structured data for various chart types, including:<\/p>\n\n\n\n

    \n
  • Pie, Donut, Radial, Polar Charts<\/strong> \u2013 Returns category-based data for these visualizations.<\/li>\n\n\n\n
  • Area, Column, Brush, Mixed, Line, Radar, Distributed Column Charts<\/strong> \u2013 Returns multi-series data.<\/li>\n\n\n\n
  • Data Tables (Lite & Advanced)<\/strong> \u2013 Returns tabular data with headers and body content.<\/li>\n\n\n\n
  • Counters<\/strong> \u2013 Configures counter elements with speed, start, and end values.<\/li>\n<\/ul>\n\n\n\n

    Implementation Notes<\/strong><\/h2>\n\n\n\n
      \n
    • Ensure the Graphina filter<\/strong> is correctly added to your theme\u2019s functions.php<\/code>.<\/li>\n\n\n\n
    • Use this filter to customize chart data dynamically without modifying each chart manually.<\/li>\n\n\n\n
    • Adjust priority and accepted arguments as needed to fit your project requirements.<\/li>\n<\/ul>\n\n\n\n

      This feature enhances the flexibility of Graphina dynamic charts<\/strong>, allowing seamless integration of real-time WordPress data.<\/p>\n\n\n\n

      \/\/$data -> sample data<\/p>\n\n\n\n

      \/\/$type -> type of widget (line, area)<\/p>\n\n\n\n

      \/\/$settings -> elementor setting array<\/p>\n\n\n\n

      \/\/$widgetId -> Id of elementor widget ( each widget have a unique id)<\/p>\n\n\n\n

      add_filter(\u2018graphina_extra_data_option\u2019,function($data, $type, $settings,$widgetId){<\/p>\n\n\n\n

                if($type == \u2018pie\u2019 || $type == \u2018donut\u2019 || $type == \u2018radial\u2019 || $type == \u2018polar\u2019 ){<\/p>\n\n\n\n

                       return [<\/p>\n\n\n\n

                              \u2018series\u2019 => [52, 62,48,52 ],<\/p>\n\n\n\n

                              \u2018category\u2019 =>  [ \u201cJan\u201d, \u201cFeb\u201d, \u201cMar\u201d,  \u201cApr\u201d ],<\/p>\n\n\n\n

                              \u2018total\u2019=>542<\/p>\n\n\n\n

                         ];<\/p>\n\n\n\n

                  }<\/p>\n\n\n\n

                  if($type == \u2018area\u2019 || $type == \u2018column\u2019 || $type == \u2018brush\u2019 || $type == \u2018mixed\u2019 || $type == \u2018line\u2019 || $type == \u2018radar\u2019 || $type == \u2018distrubuted_column\u2019){<\/p>\n\n\n\n

                          return [ \u2018series\u2019 => [<\/p>\n\n\n\n

                                 [<\/p>\n\n\n\n

                                  \u2018name\u2019 => \u2018elem\u2019,<\/p>\n\n\n\n

                                  \u2018data\u2019 => [ 52,58,585,14]<\/p>\n\n\n\n

                                 ]<\/p>\n\n\n\n

                           ],<\/p>\n\n\n\n

      \u2018category\u2019 => [ \u2018Jan\u2019, \u2018Feb\u2019, \u2018Mar\u2019, \u2018Apr\u2019 ]<\/p>\n\n\n\n

                           ];<\/p>\n\n\n\n

                    }<\/p>\n\n\n\n

                   if($type === \u2018data_table_lite\u2019 || $type == \u2018advance-datatable\u2019){<\/p>\n\n\n\n

                          return [<\/p>\n\n\n\n

                              \u2018body\u2019 => [<\/p>\n\n\n\n

                                  [\u2018abc\u2019 , \u2018xyz\u2019],<\/p>\n\n\n\n

                                  [\u2018rtl\u2019 , \u2018yzr\u2019]<\/p>\n\n\n\n

                              ],<\/p>\n\n\n\n

                              \u2018header\u2019 => [\u2018firstname\u2019,\u2019lastname\u2019]<\/p>\n\n\n\n

                          ];<\/p>\n\n\n\n

                   }<\/p>\n\n\n\n

                  if($type == \u2018counter\u2019){<\/p>\n\n\n\n

                         return [ [\u2018title\u2019 => \u2018filter\u2019,<\/p>\n\n\n\n

                             \u2018speed\u2019 => 1200,<\/p>\n\n\n\n

                             \u2018start\u2019 => 0,<\/p>\n\n\n\n

                             \u2018end\u2019 => 8025,<\/p>\n\n\n\n

                             \u2018multi\u2019 => []<\/p>\n\n\n\n

                         ]];<\/p>\n\n\n\n

                   }<\/p>\n\n\n\n

        }, $priority, $accepted_args);<\/p>\n\n\n\n

      \n