ag-charts-react
Version:
AG Charts React Component
2 lines (1 loc) • 783 B
JavaScript
import{createElement as A,forwardRef as p,useEffect as d,useImperativeHandle as v,useLayoutEffect as R,useMemo as y,useRef as g}from"react";import{AgCharts as o}from"ag-charts-community";function h(t,n){return{...t,container:n.current}}function s(t,n){const u=p(function(l,C){const{options:a,style:i,className:f}=l,c=g(null),r=g();R(()=>{const e=t(h(a,c));return r.current=e,()=>{e.destroy()}},[]);const m=r.current===void 0;return d(()=>{m||r.current?.update(h(a,c)).catch(e=>console.error(e))},[a]),v(C,()=>r.current,[]),y(()=>A("div",{ref:c,style:i,className:f}),[i,f])});return u.displayName=n,u}var I=s(t=>o.create(t),"AgCharts"),E=s(t=>o.createFinancialChart(t),"AgFinancialCharts"),F=s(t=>o.createGauge(t),"AgGauge");export{I as AgCharts,E as AgFinancialCharts,F as AgGauge};