version 1.0.0-rc.16

frontend/src/components/DataProcessingPlot.tsx

@@ -19,8 +19,6 @@ export enum PlotType {
 
 type MyProps = {
     type: PlotType;
-    xlabel: string;
-    ylabel: string;
     binning: number;
 };
 
@@ -39,6 +37,36 @@ type PlotlyPlot = {
 
 type PlotlyData = PlotlyPlot[]
 
+function AxisTypeX(plot: PlotType) : JSX.Element{
+    if (plot == PlotType.AZIM_INT)
+        return <>Q [&#8491;<sup>-1</sup>]</>
+    else
+        return <>Image number</>;
+}
+
+function AxisTypeY(plot: PlotType) : JSX.Element {
+    switch (plot) {
+        case PlotType.COLLECTION_EFFICIENCY:
+            return <>Efficiency</>;
+        case PlotType.SPOT_COUNT:
+            return <>Spot count</>;
+        case PlotType.ROI_MAX_COUNT:
+        case PlotType.ROI_SUM:
+        case PlotType.AZIM_INT:
+        case PlotType.BKG_ESTIMATE:
+            return <>Photon count</>;
+        case PlotType.INDEXING_RATE:
+            return <>Indexing rate</>;
+        case PlotType.ERROR_PIXELS:
+        case PlotType.STRONG_PIXELS:
+            return <>Pixel count</>;
+        case PlotType.RECEIVER_DELAY:
+            return <>Delay</>;
+        case PlotType.RECEIVER_FREE_SEND_BUFS:
+            return <>Free buffers</>;
+    }
+}
+
 class DataProcessingPlot extends Component<MyProps, MyState> {
     interval: ReturnType<typeof setInterval> | undefined;
 
@@ -163,9 +191,8 @@ class DataProcessingPlot extends Component<MyProps, MyState> {
                 name: d.title
             }));
 
-        return <MultiLinePlotWrapper xaxis={this.props.xlabel} yaxis={this.props.ylabel} data={data}/>
+        return <MultiLinePlotWrapper xaxis={AxisTypeX(this.props.type)} yaxis={AxisTypeY(this.props.type)} data={data}/>
     }
 }
 
 export default DataProcessingPlot;
-