Module adapters/google-charts

Example

<script src="https://www.gstatic.com/charts/loader.js"></script>
<script src="maidr.js"></script>
<script type="module">
  import { createMaidrFromGoogleChart } from 'maidr/google-charts';

  google.charts.load('current', { packages: ['corechart'] });
  google.charts.setOnLoadCallback(() => {
    const data = google.visualization.arrayToDataTable([
      ['City', 'Population'],
      ['New York', 8336817],
      ['Los Angeles', 3979576],
    ]);
    const container = document.getElementById('chart');
    const chart = new google.visualization.ColumnChart(container);

    google.visualization.events.addListener(chart, 'ready', () => {
      const maidrData = createMaidrFromGoogleChart(chart, data, container, {
        chartType: 'ColumnChart',
        title: 'US City Populations',
      });
      container.setAttribute('maidr', JSON.stringify(maidrData));
    });

    chart.draw(data);
  });
</script>
Copy