ECharts Op
wrapper for echarts-library
Summary (oneliner)
This OP wraps the ECharts data visualization library: https://echarts.apache.org/en/tutorial.html and allows to create more than a hundred charts with a single configuration object, focusing on the description of the charts instead of its implementation.
- Ops.Extension.ECharts.ECharts
- Extension Op - Visible to all users
- MIT
- echarts.js (Apache ECharts is a powerful, interactive charting and data visualization library for browser)
Documentation (markdown)
Issues
Example patch id
Youtube ids (comma seperated)
Op Licence
Caniuse query
Example Patch Simple ECharts Example
a simple example on how to use the echarts-library to draw graphs in cables
Youtube Video Tutorial
INPUT PORTS
Trigger to create the chart.
Sets the chart as a child of the parent DOM element
ID of the element for selection if you have multiple charts
Width in pixel
Height in pixel
Main configuration object, the "options" parameters of the ECharts library
Optional: Sets how to update the chart if new data comes in: https://echarts.apache.org/en/api.html#echartsInstance.setOption
0 = canvas, 1 = svg
canvas or svg
0 = default, 1 = light, 2 = dark
default, light, dark
Optional, if you set this object it overrides the theme of the chart. Create your theme here: https://echarts.apache.org/en/theme-builder.html
Optional chart configuration, see opts object here: https://echarts.apache.org/en/api.html#echarts
Custom CSS to position the chart, width and height will be overridden by the Width and Height input ports
Sets whether the chart is visible or not
OUTPUT PORTS
Div element containing the chart
ECharts object
Triggered if the chart has been modified, useful if you continuously update data and refresh the chart
Triggered if the theme has changed
Patches using ECharts
Known Issues
The ECharts WebGL extension library is not supported (yet).