Versions Compared

Old Version 5

changes.mady.by.user Justin

Saved on

compared with

New Version 6

changes.mady.by.user Justin

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

The EChart Menu plugin is an alternative to the default bundled Chart Menu. Just select any datalist in your app to display its records in several available graph types.
The additional benefits of using this plugin is the ability to reuse it's the datasource configuration & datalist filters in the selected datalist.

...

NameDescription
IDMenu element unique ID. Userview will use this ID in the URL for the menu if Custom ID property is empty.
Custom ID

Item link slug. Optional field.

Info

Ensure that value defined here is unique to other userview menus in the app, since the first matching/conflicting ID will take precedence in page loading.

LabelMenu label. Mandatory field.
Chart TitleChart Title to be displayed as part of the generated chart.
Chart Theme

Choose from a wide selections of color schemes for the chart.

Chart Type

Available chart types:

  • Area Chart
  • Bar Chart
  • Line Chart
  • Donut Chart
  • Pie Chart
  • Custom (With this option, you can define multiple charts and chart types in a single page to represent different perspectives or interpretations from the same datasource.)

Data Mappings

NameDescription
ListLegend
X-axis Value
Number Value (Pie)
Series Customization (Pie)
Number Values
PropertyDescription
Number Value
Show Value Label in Chart?
Series Customization

Chart Options

NameDescription
Show Legend
Show Value Label in Chart
Show Tool Tip
WidthMaximum Width of chart.
HeightMinimum Height of chart.

Advanced

General

NameDescription
Additional Customization
Code Block
languagejs
titleSample
linenumberstrue
grid : {
	top: "55%"
}, 
tooltip : {
	"trigger": "item", 
	"formatter": "{a} {b}: {c} ({d}%)"
}

Userview Key Data Filter

NameDescription
Userview Key Name

When defined, the additional conditions will be appended using the value defined here as the parameter and the userview key value as the value.

Info
titleExample

SQL: SELECT category, count(category) FROM table1

Userview Key Name: type

Userview Key Value: val

Resultant SQL:  SELECT category, count(category) FROM table1 WHERE type = 'val'

When userview key value is defined, you may define #userviewKey# in your SQL query to have it replaced with the userview key value.

Info
titleExample

SQL: SELECT category, count(category) FROM table1 WHERE type = '#userviewKey#'

Userview Key Value: val

Resultant SQL:  SELECT category, count(category) FROM table1 WHERE type = 'val'

UI

NameDescription
Custom HeaderCustom Header in HTML.
Custom FooterCustom Footer in HTML.

Performance & Offline

Cache Settings

...

Note: PWA Offline support is dependent on the theme used.

Name

Description

Enable cache for offline supportEnable caching for offline support, usually set for use on mobile browsers.

Read Progressive Web Application (PWA) for more information.

...