Generated using TypeDoc
Generated using TypeDoc
Generated using TypeDoc
Generated using TypeDoc
Generated using TypeDoc
Generated using TypeDoc
Generated using TypeDoc
Generated using TypeDoc
Generated using TypeDoc
Generated using TypeDoc
Generated using TypeDoc
Generated using TypeDoc
Generated using TypeDoc
Generated using TypeDoc
Generated using TypeDoc
Generated using TypeDoc
Generated using TypeDoc
Generated using TypeDoc
Generated using TypeDoc
Generated using TypeDoc
Generated using TypeDoc
Generated using TypeDoc
Abstract
Generated using TypeDoc
Generated using TypeDoc
Generated using TypeDoc
Generated using TypeDoc
Generated using TypeDoc
Generated using TypeDoc
Generated using TypeDoc
Generated using TypeDoc
Generated using TypeDoc
Generated using TypeDoc
Generated using TypeDoc
Generated using TypeDoc
Generated using TypeDoc
Generated using TypeDoc
Generated using TypeDoc
Generated using TypeDoc
Generated using TypeDoc
Generated using TypeDoc
Generated using TypeDoc
Generated using TypeDoc
Generated using TypeDoc
Generated using TypeDoc
Generated using TypeDoc
Generated using TypeDoc
Abstract
Generated using TypeDoc
Abstract
Abstract
forgetAbstract
listenGenerated using TypeDoc
Generated using TypeDoc
A real JSX wrapper for ECharts based on TypeScript & Web components
+ + +SemVer | +branch | +status | +component API | +
---|---|---|---|
>=1 |
+main |
+✅developing | +Web components | +
<1 |
+master |
+❌deprecated | +React | +
npm i echarts-jsx
+
+Any kinds of Render engines that you like can be used to render ECharts JSX tags.
+Old versions have a property bug of Custom elements: https://github.com/facebook/react/issues/11347
+npm i react@^19 react-dom@^19
+
+npm i preact
+
+then configure your tool-chain: https://preactjs.com/guide/v10/getting-started#integrating-into-an-existing-pipeline
+npm i dom-renderer@^2
+
+then configure your project as the demo code.
+Origin: ECharts official example
+ +import { render } from 'react-dom';
import 'echarts-jsx';
render(
<ec-svg-renderer theme="dark" style={{ width: '100%', height: '75vh' }}>
<ec-title text="ECharts Getting Started Example" />
<ec-legend data={['sales']} />
<ec-tooltip />
<ec-x-axis
data={[
'Shirts',
'Cardigans',
'Chiffons',
'Pants',
'Heels',
'Socks'
]}
/>
<ec-y-axis />
<ec-bar-chart
name="sales"
data={[5, 20, 36, 10, 10, 20]}
onClick={console.log}
/>
</ec-svg-renderer>,
document.body
);
+
+Generated using TypeDoc
Optional
initOptional
resizeOptional
themeGenerated using TypeDoc
Generated using TypeDoc
lV[1]){if(a=!1,i)return a;var u=Math.abs(lV[0]-lF[1]),c=Math.abs(lF[0]-lV[1]);Math.min(u,c)>r.len()&&(ug[1]&&(g[1]=d)}return this._rawCount=this._count=s,{start:a,end:s}},t.prototype._initDataFromProvider=function(t,e,n){for(var r=this._provider,i=this._chunks,o=this._dimensions,a=o.length,s=this._rawExtent,l=tj(o,function(t){return t.property}),u=0;uy[1]&&(y[1]=g)}}!r.persistent&&r.clean&&r.clean(),this._rawCount=this._count=e,this._extent=[]},t.prototype.count=function(){return this._count},t.prototype.get=function(t,e){if(!(e>=0&&ec[1]&&(c[1]=y),h[f++]=v}return i._count=f,i._indices=h,i._updateGetRawIdx(),i},t.prototype.each=function(t,e){if(this._count)for(var n=t.length,r=this._chunks,i=0,o=this.count();i