Apache ECharts

Apache ECharts is a powerful, interactive charting and data visualization library for browser

echarts.registerTheme('customTheme', customThemeObject);
const chart = echarts.init(dom, 'customTheme');

// CL - Custom Language
echarts.registerLocale('CL', langObject);
echarts.init(DomElement, null, {
  locale: 'CL'
});

[Bug] Support on CSS Variables for color property on charts #19743 - apache/echarts
- This feature won’t be added since Canvas doesn’t recognize the CSS variables currently. It’s suggested to use window.getComputedStyle(DOM).getPropertyValue('--the-css-var') to get real color values before calling setOption. (comment link)

Handbook

Using ECharts as an NPM Package - on this page is also shown how to customize and reduce the output bundle size uzing only a set of components from the Apache ECharts components
- Shrinking Bundle Size
  - it need to have only one definition on the project, if there’s any import like import * as echarts from 'echarts'; that will bundle all the lib

Chart Container and Size
Style
- Theme Builder | Apache ECharts
Dataset
- data configurations
  - on axis and series
    - as an one dimensional array
  - on dataset
    - like CSV array, where the first row define the columns names and from the first row defines the data of each column
    - object array, this one needs to have the dataset dimensions definitions which will map the attributes from the object inside of the array
Axis
Event and Action
- API - events
- How to change the cursor on the series? #5588 - apache/echarts
  - series-bar.cursor - options Apache ECharts Docs

[GitHub] bherbruck/svelte-echarts - Apache ECharts wrapper for Svelte
[GitHub] spren9er/tilez-echarts - Apache ECharts component for Svelte layout engine tilez