Introduction
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 datasource configuration & datalist filters in the selected datalist.
Also as a tip, you can also display multiple of these charts in a single page of a userview via Dashboard Menu.
The JS library used: https://echarts.apache.org
EChart Menu Properties
Configure EChart Menu
| Name | Description |
|---|---|
| ID | Menu 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. 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. |
| Label | Menu label. Mandatory field. |
| Chart Title | Chart 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:
|
Data Mappings
| Name | Description |
|---|---|
| List | |
| Legend Value | |
| Number Value | |
| Series Customization |
Chart Options
| Name | Description |
|---|---|
| Show Legend | |
| Show Value Label in Chart | |
| Show Tool Tip | |
| Width | Maximum Width |
| Height | Minimum Height |
Advanced
| Name | Description |
|---|---|
| Additional Customization | Sample grid : {
top: "55%"
},
tooltip : {
"trigger": "item",
"formatter": "{a} {b}: {c} ({d}%)"
}
|