ECharts Op
extension op - visible to all usersOp author: kikohs
Maintained by Team: ECharts
Uses library: echarts.js (Apache ECharts is a powerful, interactive charting and data visualization library for browser)
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.
Known Issues
The ECharts WebGL extension library is not supported (yet).Documentation (markdown)
Issues
Example patch id
Youtube ids (comma seperated)
Caniuse query
Inputs
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
Outputs
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
Changelog
created op 2021-03-05 - kikohs | |
Ops.User.stephan.ECharts renamed to Ops.Libs.ECharts 2021-03-05 - stephan | |
Ops.Libs.ECharts renamed to Ops.Libs.ECharts.ECharts 2021-03-05 - stephan | |
Ops.Libs.ECharts.ECharts renamed to Ops.Extension.ECharts.ECharts 2022-12-14 - stephan |