frontend 2.0.0-beta.22: disable smooth by chart, hide step axis label, hide legend (#601)

* fix: disable smooth by chart, hide step axis label, hide legend

* v2.0.0-beta.22

frontend/components/ScalarsPage/ScalarChart.tsx

@@ -78,8 +78,9 @@ const ScalarChart: FunctionComponent<ScalarChartProps> = ({
         (...urls) => cycleFetcher(urls)
     );
 
-    const type = xAxis === 'wall' ? 'time' : 'value';
-    const smooth = xAxis !== 'wall';
+    const smooth = false;
+    const type = useMemo(() => (xAxis === 'wall' ? 'time' : 'value'), [xAxis]);
+    const xAxisLabel = useMemo(() => (xAxis === 'step' ? '' : t(`x-axis-value.${xAxis}`)), [xAxis, t]);
 
     const transformParams = useMemo(
         () => ({
@@ -154,8 +155,7 @@ const ScalarChart: FunctionComponent<ScalarChartProps> = ({
     return (
         <StyledLineChart
             title={tag}
-            legend={runs}
-            xAxis={t(`x-axis-value.${xAxis}`)}
+            xAxis={xAxisLabel}
             yRange={yRange}
             type={type}
             tooltip={formatter}

frontend/package.json

 {
     "name": "visualdl",
-    "version": "2.0.0-beta.20",
+    "version": "2.0.0-beta.22",
     "title": "VisualDL",
     "description": "A platform to visualize the deep learning process and result.",
     "keywords": [