format y axis

edbrett · Dec 18, 2020 · 0d19794 · 0d19794 · vercel · Dec 18, 2020
1 parent 322512d
commit 0d19794
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 10 deletions.
diff --git a/components/charts/composed-chart/index.js b/components/charts/composed-chart/index.js
@@ -22,12 +22,7 @@ const CustomComposedChart = ({ className, data, config }) => (
         ))}
         <ReferenceLine x={config?.xReference} stroke="#FF8576" />
         <XAxis {...config?.xAxis} />
-        <YAxis
-          axisLine={false}
-          tickLine={false}
-          dataKey={config?.yAxis}
-          tickMargin={10}
-        />
+        <YAxis {...config?.yAxis} />
       </ComposedChart>
     </ResponsiveContainer>
   </div>

diff --git a/components/widgets/asset-risk/index.js b/components/widgets/asset-risk/index.js
@@ -100,24 +100,27 @@ const WidgetAssetRisk = ({ params }) => (
                   stroke: '#555555',
                   opacity: 0.2,
                   strokeWidth: 0,
-                  background: false,
-                  activeDot: false,
                 },
                 {
                   dataKey: 'upperStddev',
                   fill: '#555555',
                   stroke: '#555555',
                   opacity: 0.2,
                   strokeWidth: 0,
-                  background: false,
-                  activeDot: false,
                 },
               ],
               xAxis: {
                 dataKey: 'month',
                 interval: 0,
                 tickFormatter: (t) =>
                   formatDate(new Date(`2020-${t > 9 ? t : `0${t}`}-01`), 'MMM'),
+                axisLine: false,
+                tickLine: false,
+              },
+              yAxis: {
+                tickFormatter: (t) => `${t}°C`,
+                axisLine: false,
+                tickLine: false,
               },
               xReference: `${params?.year}`,
             }}