Minor visual improvements

datascience · Jan 16, 2024 · 7dda966 · 7dda966
1 parent 442df32
commit 7dda966
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 3 deletions.
diff --git a/web/frontend/src/components/SimpleBarChart.jsx b/web/frontend/src/components/SimpleBarChart.jsx
@@ -58,7 +58,7 @@ const SimpleBarChart = ({ data, property, filterClick }) => {
       height={250}
       colors={colors.greenAccent[400]}
       enableGridY={false}
-      margin={{ top: 10, bottom: 10, right: 250, left: 10 }}
+      margin={{ top: 10, bottom: 10, right: 270, left: 10 }}
       padding={0.3}
       borderColor={{
         from: "color",
@@ -67,7 +67,16 @@ const SimpleBarChart = ({ data, property, filterClick }) => {
       axisBottom={null}
       axisLeft={null}
       axisRight={{
-        tickSize: 3,
+        format: (v) => {
+          return v.length > 30 ? "..." + v.substring(v.length - 30) : v;
+        },
+        tickSize: 5,
+        tickPadding: 5,
+        tickRotation: 0,
+        legend: "",
+
+        legendPosition: "middle",
+        legendOffset: -40,
       }}
       labelSkipWidth={12}
       labelSkipHeight={12}

diff --git a/web/frontend/src/scenes/PropertyValueDistribution/index.jsx b/web/frontend/src/scenes/PropertyValueDistribution/index.jsx
@@ -48,7 +48,7 @@ const PropertyValueDistribution = (payload) => {
           });
           if (data.length > 10) {
             data.length = 10;
-            data.push({ count: sum, value: "...others" });
+            data.push({ count: sum, value: ".etc" });
           }
           data.reverse();
           setData(data);