Update app.py

app.py

@@ -73,8 +73,9 @@ import streamlit.components.v1 as components
 html_string = '''
  <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.4/Chart.js"></script>
     <script type="text/javascript" src="http://code.jquery.com/jquery-2.0.2.js"></script> 
-        <div style="width: 500px; height: 500px">
-            <canvas id="myChart"></canvas>
+        <div style="width: 800px; height: 800px">
+        <h1 id="h1_id" style="color: white;">HELLO</h1>
+        <canvas id="myChart"></canvas>
           </div>
           <script type="text/javascript">
             var data = {
@@ -114,10 +115,8 @@ html_string = '''
  
          var label = chartData.labels[idx];
          var value = chartData.datasets[0].data[idx];
+         document.getElementById('h1_id').innerHTML = chartData.labels[idx];
          
-         var url = "http://example.com/?label=" + label + "&value=" + value;
-         console.log(url);
-         alert(url);
        }
      };
    }
@@ -125,9 +124,8 @@ html_string = '''
  
          </script>
 '''
-components.html(html_string)
+components.html(html_string, width=1000, height=1000)
 
-#st.components.v1.html()
 #    description = '<table style="border: collapse; padding-top: 1px;"><tr><div style="height: 62px;"></div></tr><tr><p style="border-width: medium; border-color: #aa5e70; border-radius: 10px;padding-top: 1px;padding-left: 20px;background:#20212a;font-family:Courier New; color: white;font-size: 36px; font-weight: boldest;">'+result+'</p></tr><table>'
 #    st.markdown(description, unsafe_allow_html=True)