কম্পিউটার

কিভাবে আপনার ওয়েব পেজে গুগল চার্ট যোগ করবেন?


আপনার ওয়েব পৃষ্ঠায় Google চার্ট যোগ করতে, কোডটি নিম্নরূপ -

উদাহরণ

<!DOCTYPE html>
<html>
<head>
<title>Google Charts Tutorial</title>
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script type="text/javascript">
   google.charts.load("current", { packages: ["corechart"] });
</script>
<style>
   .barchartContainer {
      width: 550px;
      height: 400px;
      margin: 0 auto;
      font-weight: bold;
   }
   body {
      font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
   }
</style>
</head>
<body>
<h1 style="text-align: center;">
Adding google charts to your web page Example
</h1>
<div class="barchartContainer"></div>
<script language="JavaScript">
   function drawChart() {
      var data = google.visualization.arrayToDataTable([
         ["Year", "India"],
         ["2013", 500],
         ["2014", 800],
         ["2015", 1000],
         ["2016", 1200],
         ["2017", 1400]
      ]);
      var options = { title: "Educated people(in millions)" };
      var chart = new google.visualization.BarChart(
         document.querySelector(".barchartContainer")
      );
      chart.draw(data, options);
   }
   google.charts.setOnLoadCallback(drawChart);
</script>
</body>
</html>

আউটপুট

উপরের কোডটি নিম্নলিখিত আউটপুট −

তৈরি করবে

কিভাবে আপনার ওয়েব পেজে গুগল চার্ট যোগ করবেন?


  1. আউটলুকে Google ক্যালেন্ডার কীভাবে যুক্ত করবেন

  2. কিভাবে আপনার ম্যাকে একটি প্রিন্টার যোগ করবেন?

  3. কিভাবে Google ডক্সে ফন্ট যোগ করবেন

  4. Google অনুসন্ধানে কীভাবে আপনার লোকের কার্ড যুক্ত করবেন