JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://www.google.com/jsapi?fake=.js"></script>
 <div id="chart_div" style="width: 900px; height: 500px;"></div>
<iframe id="iframe1" src="http://jqfaq.com/VWAdPage.html" style="width:100%; height:115px; border:none;"
/>

JavaScript

google.load("visualization", "1", {packages:["corechart"]});
google.setOnLoadCallback(drawChart);

var firstClick = 0;
var secondClick = 0;

function drawChart() {
    var data = google.visualization.arrayToDataTable([
          ['Year', 'Sales', 'Expenses'],
          ['2004',  1000,      400],
          ['2005',  1170,      460],
          ['2006',  660,       1120],
          ['2007',  1030,      540]
        ]);
    var options = {
          title: 'Company Performance',
         
        };
        var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
        chart.draw(data, options);

    var columns = [];
    var series = {};
    for (var i = 0; i < data.getNumberOfColumns(); i++) {
        columns.push(i);
        if (i > 0) {
            series[i - 1] = {};
        }
    }
    
    var options = {
        width: 600,
        height: 400,
        series: series
    }
    
    google.visualization.events.addListener(chart, 'click', function () {
        var date = new Date();
        var millis = date.getTime();

        if (millis - secondClick > 1000) {        
            // add dealyed check if a single click occured
            setTimeout(function() {
                // no second fast enough, it is a single click
                if (secondClick == 0) {
                    alert("click");
                }
            }, 250);
        }

        // try to measure if double-clicked
        if (millis - firstClick < 250) {        
            firstClick = 0;
            secondClick = millis;

            alert("doubleClick");
        
        } else {
            firstClick = millis;
            secondClick = 0;
        }
    });          
      
}