Merge pull request #50 from OHDSI/change_legend_position

Standardize location of legend to right of chart
OHDSI · Nov 24, 2021 · 9e60ee1 · 9e60ee1
2 parents 206f1de + 91dc0f2
commit 9e60ee1
Show file tree

Hide file tree

Showing 5 changed files with 18 additions and 15 deletions.
diff --git a/src/components/ConceptReport.vue b/src/components/ConceptReport.vue
@@ -382,7 +382,8 @@ export default {
             field: "CONCEPT_NAME",
             type: "nominal",
             legend: {
-              orient: "top",
+              orient: "right",
+              columns: 2,
               title: null,
             },
           },
@@ -434,7 +435,8 @@ export default {
             field: "CONCEPT_NAME",
             type: "nominal",
             legend: {
-              orient: "top",
+              orient: "right",
+              columns: 2,
               title: null,
             },
           },
@@ -524,7 +526,7 @@ export default {
             field: "SERIES_NAME",
             type: "nominal",
             legend: {
-              orient: "top",
+              orient: "right",
             },
           },
           facet: {
@@ -625,7 +627,8 @@ export default {
             field: "CONCEPT_NAME",
             type: "nominal",
             legend: {
-              orient: "top",
+              orient: "right",
+              columns: 2,
               title: null,
             },
           },

diff --git a/src/components/DeathReport.vue b/src/components/DeathReport.vue
@@ -94,7 +94,8 @@ export default {
             field: "CONCEPT_NAME",
             type: "nominal",
             legend: {
-              orient: "top",
+              orient: "right",
+              columns: 2,
               title: null,
             },
           },
@@ -165,7 +166,7 @@ export default {
             field: "SERIES_NAME",
             type: "nominal",
             legend: {
-              orient: "top",
+              orient: "right",
             },
           },
           facet: {

diff --git a/src/components/NetworkDatastrandReport.vue b/src/components/NetworkDatastrandReport.vue
@@ -165,12 +165,11 @@ export default {
         axes: [{ scale: "y", orient: "left", zindex: 0 }],
         legends: [
           {
-            columns: 3,
-            columnPadding: 20,
+            columns: 2,
+            columnPadding: 15,
             rowPadding: 10,
-            orient: "bottom",
+            orient: "right",
             fill: "color",
-            direction: "horizontal",
             symbolType: "circle",
           },
         ],

diff --git a/src/components/NetworkPopulationReport.vue b/src/components/NetworkPopulationReport.vue
@@ -58,7 +58,7 @@ export default {
           color: {
             field: "DATA_SOURCE_KEY",
             title: "Data Source",
-            legend: { orient: "bottom", direction: "horizontal", columns: 3 },
+            legend: { orient: "right", columns: 2 },
           },
           tooltip: [
             {
@@ -98,7 +98,7 @@ export default {
           color: {
             field: "DATA_SOURCE_KEY",
             title: "Data Source",
-            legend: { orient: "bottom", direction: "horizontal", columns: 3 },
+            legend: { orient: "right", columns: 2 },
           },
           tooltip: [
             {

diff --git a/src/components/PersonReport.vue b/src/components/PersonReport.vue
@@ -163,7 +163,7 @@ export default {
             field: "CONCEPT_NAME",
             type: "nominal",
             legend: {
-              orient: "top",
+              orient: "right",
               title: null,
             },
           },
@@ -189,8 +189,8 @@ export default {
           color: {
             field: "CONCEPT_NAME",
             legend: {
-              orient: "bottom",
-              columns: 5,
+              orient: "right",
+              columns: 2,
               title: "Ethnicity",
             },
           },