Merge pull request SORMAS-Foundation#3793 from hzi-braunschweig/3473-bugfix-CampaignChartsBackgroundWhite

SORMAS-Foundation#3473 - make campaign charts background white

Author: MartinWahnschaffe

sormas-ui/src/main/java/de/symeda/sormas/ui/dashboard/campaigns/CampaignDashboardDiagramComponent.java

@@ -96,7 +96,7 @@ public void buildDiagramChart(String title, boolean isCommunityGrouping) {
 		hcjs.append("var options = {"
 				+ "chart:{ "
 				+ " type: 'column', "
-				+ " backgroundColor: 'transparent', "
+				+ " backgroundColor: 'white', "
 				+ " borderRadius: '1', "
 				+ " borderWidth: '1', "
 				+ " spacing: [20, 20, 20, 20], "

sormas-ui/src/main/java/de/symeda/sormas/ui/dashboard/contacts/ContactsEpiCurveComponent.java

@@ -280,7 +280,7 @@ public void clearAndFillEpiCurveChart() {
 					+ "', color: '#00BFFF', dataLabels: { allowOverlap: false },  data: [");
 			for (int i = 0; i < convertedNumbers.length; i++) {
 				if (i == convertedNumbers.length - 1) {
-					hcjs.append(convertedNumbers[i] + "]}]};");
+					hcjs.append(convertedNumbers[i] + "]}],");
 				} else {
 					hcjs.append(convertedNumbers[i] + ", ");
 				}
@@ -311,13 +311,32 @@ public void clearAndFillEpiCurveChart() {
 					+ "', color: '#00BFFF', dataLabels: { allowOverlap: false },  data: [");
 			for (int i = 0; i < followUpUntilNumbers.length; i++) {
 				if (i == followUpUntilNumbers.length - 1) {
-					hcjs.append(followUpUntilNumbers[i] + "]}]};");
+					hcjs.append(followUpUntilNumbers[i] + "]}],");
 				} else {
 					hcjs.append(followUpUntilNumbers[i] + ", ");
 				}
 			}
 		}
 
+		hcjs.append("exporting: {\n" +
+				"        buttons: {\n" +
+				"            contextButton: {\n" +
+				"                menuItems: [\n" +
+				"                    'printChart',\n" +
+				"                    'separator',\n" +
+				"                    'downloadPNG',\n" +
+				"                    'downloadJPEG',\n" +
+				"                    'downloadPDF',\n" +
+				"                    'downloadSVG',\n" +
+				"                    'downloadCSV',\n" +
+				"                    'downloadXLS'\n" +
+				"                ]\n" +
+				"            }\n" +
+				"        }\n" +
+				"    }");
+
+		hcjs.append("};");
+
 		epiCurveChart.setHcjs(hcjs.toString());
 	}
 }

sormas-ui/src/main/java/de/symeda/sormas/ui/dashboard/surveillance/SurveillanceEpiCurveComponent.java

@@ -197,7 +197,7 @@ public void clearAndFillEpiCurveChart() {
 					+ "', color: '#B22222', dataLabels: { allowOverlap: false }, data: [");
 			for (int i = 0; i < confirmedNumbers.length; i++) {
 				if (i == confirmedNumbers.length - 1) {
-					hcjs.append(confirmedNumbers[i] + "]}]};");
+					hcjs.append(confirmedNumbers[i] + "]}],");
 				} else {
 					hcjs.append(confirmedNumbers[i] + ", ");
 				}
@@ -245,13 +245,32 @@ public void clearAndFillEpiCurveChart() {
 					+ "', color: '#B22222', dataLabels: { allowOverlap: false },  data: [");
 			for (int i = 0; i < deadNumbers.length; i++) {
 				if (i == deadNumbers.length - 1) {
-					hcjs.append(deadNumbers[i] + "]}]};");
+					hcjs.append(deadNumbers[i] + "]}],");
 				} else {
 					hcjs.append(deadNumbers[i] + ", ");
 				}
 			}
 		}
 
+		hcjs.append("exporting: {\n" +
+				"        buttons: {\n" +
+				"            contextButton: {\n" +
+				"                menuItems: [\n" +
+				"                    'printChart',\n" +
+				"                    'separator',\n" +
+				"                    'downloadPNG',\n" +
+				"                    'downloadJPEG',\n" +
+				"                    'downloadPDF',\n" +
+				"                    'downloadSVG',\n" +
+				"                    'downloadCSV',\n" +
+				"                    'downloadXLS'\n" +
+				"                ]\n" +
+				"            }\n" +
+				"        }\n" +
+				"    }");
+
+		hcjs.append("};");
+
 		epiCurveChart.setHcjs(hcjs.toString());
 	}
 }

sormas-ui/src/main/java/de/symeda/sormas/ui/statistics/StatisticsView.java

@@ -724,7 +724,25 @@ public void generateChart() {
 
 			hcjs.append("]}");
 		}
-		hcjs.append("]};");
+		hcjs.append("],");
+
+		hcjs.append("exporting: {\n" +
+				"        buttons: {\n" +
+				"            contextButton: {\n" +
+				"                menuItems: [\n" +
+				"                    'printChart',\n" +
+				"                    'separator',\n" +
+				"                    'downloadPNG',\n" +
+				"                    'downloadJPEG',\n" +
+				"                    'downloadPDF',\n" +
+				"                    'downloadSVG',\n" +
+				"                    'downloadCSV',\n" +
+				"                    'downloadXLS'\n" +
+				"                ]\n" +
+				"            }\n" +
+				"        }\n" +
+				"    }");
+		hcjs.append("};");
 
 		chart.setHcjs(hcjs.toString());
 		resultsLayout.addComponent(chart);