Merge pull request #50 from OHDSI/change_legend_position

Standardize location of legend to right of chart

Author: fdefalco

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,
             },
           },

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: {

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",
           },
         ],

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: [
             {

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",
             },
           },