Reduce default chart size to 80% of available screen

Reduce chart size to be 80% of the available height or width, whichever is smaller

Author: Tom Sharp

src/notebooks/logic/chartJs.ts

@@ -41,6 +41,11 @@ export function generateChartHTMLEmbedded(id: number, detail: ChartDetail, label
     if (!theChart) {
       const chartEle = document.getElementById('myChart${id}');
       if (chartEle) {
+        const maxHeight = window.innerHeight * 0.8;
+        const maxWidth = window.innerWidth * 0.8;
+        const targetSize = Math.min(maxHeight, maxWidth);
+        chartEle.style.maxHeight = `${targetSize}px`;
+        chartEle.style.maxWidth = `${targetSize}px`;  
         try {
           window.ibmicharts['myChart${id}'] = new Chart(chartEle.getContext('2d'), {
             type: '${detail.type}',