23 lines
565 B
TypeScript
23 lines
565 B
TypeScript
// components/main/kabelueberwachung/kue705FO/hooks/useTDRChart.ts
|
|
import { useState, useEffect } from "react";
|
|
import Chart from "chart.js/auto";
|
|
|
|
type ZoomPluginType = { id: string } | null;
|
|
|
|
const useChartPlugin = () => {
|
|
const [zoomPlugin, setZoomPlugin] = useState<ZoomPluginType>(null);
|
|
|
|
useEffect(() => {
|
|
if (typeof window !== "undefined") {
|
|
import("chartjs-plugin-zoom").then((mod) => {
|
|
setZoomPlugin(mod.default);
|
|
Chart.register(mod.default);
|
|
});
|
|
}
|
|
}, []);
|
|
|
|
return zoomPlugin;
|
|
};
|
|
|
|
export default useChartPlugin;
|