← All widgetsWidget 90 · emcp_custom_90

Simple Chart

Elementor widget2 layouts4 content options3 style options2 panel sections

Built with the EMCP Widget Builder and registered under the EMCP Custom category of the Elementor panel. Search the panel for: chart, graph, bar, line, data.

Setup guide

  1. Open a page in Elementor, search the panel for Simple Chart and drag it into a container.
  2. Content › Content: Chart Type, Max Value (0 = auto), Show values, Data Points.
  3. Pick a Chart Type: Bar, Line. Each one is shown below.
  4. Style tab sections: Style. Colours, typography and spacing set here are scoped to this widget instance.
  5. Publish. Every option is a standard Elementor control, so it responds to the editor, dynamic tags and global styles as usual.
Ships with its own JavaScript; it runs once per instance and re-initialises inside the Elementor editor preview.
Layout

Bar

Chart Type = bar

Layout

Line

Chart Type = line

Options reference

Every control the widget exposes, grouped by panel section. Names in code are the setting keys used by the MCP tools (add-free-widget, update-widget).

Content tab

Content

OptionTypeChoices / rangeDefaultNotes
Chart Type
chart_type		DropdownBar, Linebar
Max Value (0 = auto)
max_value		Numbermin 00
Show values
show_values		Toggleon / offyes
Data Points
points		Repeater5 items
↳ Label
label		TextJan
↳ Value
value		Number40

Style tab

Style

OptionTypeChoices / rangeDefaultNotes
Series Color
bar_color		Color
Label Color
lbl_color		Color
Value Color
val_color		Color

Add it with the MCP tools

Any connected agent can place this widget: call add-free-widget with widget_type: "emcp_custom_90" and a settings object using the keys above. Run get-custom-widget with id 90 for the full JSON spec.