# chart-builder/3.8.1/pb_templates/chart-builder-elementor.php

Chartify – WordPress Chart Plugin, version 3.8.1. 121 lines.

- Page: https://pluginprobe.com/plugins/chart-builder/3.8.1/code/pb_templates/chart-builder-elementor.php
- Raw: https://pluginprobe.com/plugins/chart-builder/3.8.1/raw/pb_templates/chart-builder-elementor.php
- Modified: 2026-09-25T10:27:22+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/chart-builder/3.8.1/code/pb_templates/chart-builder-elementor.php#L10-L20`.

```php
<?php
namespace Elementor;
if ( ! defined( 'ABSPATH' ) ) exit; // Exit if accessed directly
class Widget_Chart_Builder_Elementor extends Widget_Base {
    public function get_name() {
        return 'chart-builder';
    }
    public function get_title() {
        return __( 'Chart Builder', 'chart-builder' );
    }
    public function get_icon() {
        // Icon name from the Elementor font file, as per http://dtbaker.net/web-development/creating-your-own-custom-elementor-widgets/
        return 'chart-elementor-widget-logo';
    }
	public function get_categories() {
		return array( 'wordpress' );
	}
    protected function register_controls() {
        $this->start_controls_section(
            'section_chart_builder',
            array(
                'label' => esc_html__( 'Chart Builder', 'chart-builder' ),
            )
        );
        $this->add_control(
            'important_note',
            array(
                'label' => '',
                'type' => \Elementor\Controls_Manager::RAW_HTML,
                'raw' => '<i class="chart-elementor-widget-logo"></i> '.esc_html__( 'Chart Builder', 'chart-builder' ),
                'content_classes' => 'chart-elementor-widget-logo-wrap',
            )
        );
        $this->add_control(
            'chart_selector',
            array(
                'label' => __( 'Select chart', 'chart-builder' ),
                'type' => Controls_Manager::SELECT,
                'default' => $this->get_default_chart(),
                'options' => $this->get_active_charts()
            )
        );

        $this->end_controls_section();
    }
    protected function render( $instance = array() ) {

        if ( ( isset( $_REQUEST['action'] ) && $_REQUEST['action'] == 'elementor' ) || ( isset( $_REQUEST['action'] ) && $_REQUEST['action'] == 'elementor_ajax' ) ) {
            echo '<style>
                .ays-chart-container .ays-chart-section:first-of-type {
                    display: block!important;
                }

                .ays-chart-container * {
                    pointer-events: none!important;
                    overflow: hidden!important;
                }

                div.elementor-widget-chart-builder>div.elementor-widget-container .chart-elementor-container {
                    width: 100%;
                    padding: 6px 8px;
                    font-size: 13px;
                    border: 1px solid #757575;
                    border-radius: 2px;
                    background-color: #f0f0f1;
                    color: #2c3338;
                }
            </style>';
        }

        $settings = $this->get_settings_for_display();
        echo '<div class="chart-elementor-container">';
        echo esc_html( "[ays_chart id=" . $settings['chart_selector'] . "]" );
        echo '</div>';
        if ( ( isset( $_REQUEST['action'] ) && $_REQUEST['action'] == 'elementor' ) || ( isset( $_REQUEST['action'] ) && $_REQUEST['action'] == 'elementor_ajax' ) ) {
            echo ("<p style='margin:4px 0 0 3px;font-size:12px;font-style:italic;'>
                    " . esc_html__( 'Note: The chart will be visible on the front end of your website.', "chart-builder" ) . "
                </p>");
        }
    }

    public function get_active_charts(){
        global $wpdb;
        $current_user = get_current_user_id();
        $charts_table = $wpdb->prefix . CHART_BUILDER_DB_PREFIX . 'charts';
        $sql = "SELECT id, title FROM {$charts_table} WHERE `status` = %s";
        $params = ['published']; 
        if (!current_user_can('manage_options')) {
            $sql .= " AND author_id = %d";
            $params[] = absint($current_user); 
        }
        $sql .= " ORDER BY id DESC ";
        // phpcs:ignore
        $results = $wpdb->get_results($wpdb->prepare($sql, ...$params), ARRAY_A);
        $options = array();
        foreach ( $results as $result ){
            $options[$result['id']] = $result['title'];
        }
        return $options;
    }

    public function get_default_chart(){
        global $wpdb;
        $current_user = get_current_user_id();
        $charts_table = $wpdb->prefix . CHART_BUILDER_DB_PREFIX . 'charts';
        $sql = "SELECT id FROM {$charts_table} WHERE `status` = %s";
        $params = ['published'];
        if (!current_user_can('manage_options')) {
            $sql .= " AND author_id = %d";
            $params[] = absint($current_user);
        }
        $sql .= " ORDER BY id DESC LIMIT 1";
        // phpcs:ignore
        $id = $wpdb->get_var($wpdb->prepare($sql, ...$params));
        return intval($id);
    }

    protected function content_template() {}
    public function render_plain_content( $instance = array() ) {}
}

```