sccoreui
Version:
ui-sccore
36 lines (35 loc) • 1.38 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
const jsx_runtime_1 = require("react/jsx-runtime");
const react_1 = require("react");
const ag_charts_enterprise_1 = require("ag-charts-enterprise");
const LicenceKey_1 = require("../ag-grid/LicenceKey");
// Set your license key here
ag_charts_enterprise_1.LicenseManager.setLicenseKey(LicenceKey_1.AG_CHARTS_LICENSEKEY);
// type Props = {
// options: AgChartOptions;
// };
const AGCharts = ({ options }) => {
const chartRef = (0, react_1.useRef)(null);
const chartInstanceRef = (0, react_1.useRef)(null);
(0, react_1.useEffect)(() => {
debugger;
if (!chartRef.current)
return undefined;
const chartOptions = Object.assign(Object.assign({}, options), { container: chartRef.current });
if (!chartInstanceRef.current) {
chartInstanceRef.current = ag_charts_enterprise_1.AgCharts.create(chartOptions);
}
else {
chartInstanceRef.current.update(chartOptions);
}
return () => {
if (chartInstanceRef.current) {
chartInstanceRef.current.destroy();
chartInstanceRef.current = null;
}
};
}, [options]);
return (0, jsx_runtime_1.jsx)("div", { ref: chartRef });
};
exports.default = AGCharts;