fix: toggle working linechar

awslabs · Sep 30, 2023 · 9ea6117 · 9ea6117
1 parent 924a585
commit 9ea6117
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/packages/dashboard/src/customization/widgets/lineScatterChart/component.tsx b/packages/dashboard/src/customization/widgets/lineScatterChart/component.tsx
@@ -141,6 +141,7 @@ const LineScatterChartWidgetComponent: React.FC<LineScatterChartWidget> = (widge
     thresholds,
     line,
     symbol,
+    legend,
     significantDigits: widgetSignificantDigits,
   } = widgetToDisplay.properties;
 
@@ -200,6 +201,7 @@ const LineScatterChartWidgetComponent: React.FC<LineScatterChartWidget> = (widge
         thresholds={thresholds}
         significantDigits={significantDigits}
         size={size}
+        legend={legend?.visible == true ? {} : undefined}
       />
     </WidgetTile>
   );

diff --git a/packages/react-components/src/components/chart/baseChart.tsx b/packages/react-components/src/components/chart/baseChart.tsx
@@ -163,9 +163,11 @@ const BaseChart = ({ viewport, queries, size = { width: 500, height: 500 }, ...o
           )}
         </HotKeys>
       </Resizable>
-      <div style={{ height, width: rightLegendWidth }}>
-        <Legend series={series} graphic={trendCursors} datastreams={dataStreams} />
-      </div>
+      {options.legend && (
+        <div style={{ height, width: rightLegendWidth }}>
+          <Legend series={series} graphic={trendCursors} datastreams={dataStreams} />
+        </div>
+      )}
     </div>
   );
 };