/Html/How to add link on bar for google bar chart

How to add link on bar for google bar chart

<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<div id="chart_div"></div>

<script>
    google.charts.load('current', {
        packages: ['corechart', 'bar']
    });
    google.charts.setOnLoadCallback(drawBasic);

    function drawBasic() {

        var data = google.visualization.arrayToDataTable([
            ['City', '2010 Population', { role: 'link' }],
            ['New York City, NY', 8175000, 'yout link'],
            ['Los Angeles, CA', 3792000, 'yout link'],
            ['Chicago, IL', 2695000, 'yout link'],
            ['Houston, TX', 2099000, 'yout link'],
            ['Philadelphia, PA', 1526000, 'yout link']
        ]);

        var options = {
            title: 'Population of Largest U.S. Cities',
            chartArea: {
                width: '50%'
            },
            hAxis: {
                title: 'Total Population',
                minValue: 0
            },
            vAxis: {
                title: 'City'
            }
        };

        var chart = new google.visualization.BarChart(document.getElementById('chart_div'));
        
        google.visualization.events.addListener(chart, 'select', function (e) {
            var selection = chart.getSelection();
                if (selection.length) {
                    var row = selection[0].row;
                    let link = data.getValue(row, 2);
                    window.open(link,'_blank');
                }
        });

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

Similar codes

2 votes157 views2 answers
Adding space tab in html
Html
40 votes142 views3 answers
Add svg to html
Html
-1 vote151 views2 answers
How to put different p elements next to each
Html
0 vote149 views1 answer
Wordpress to static html
Html
24 votes142 views6 answers
Bootstrap radio
Html
6 votes147 views4 answers
How to change the color of the hr tag in html
Html
3 votes165 views2 answers
Html input for email
Html
0 vote152 views1 answer
Border corner frames image css
Html
73 votes187 views6 answers
Center align css
Html
0 vote144 views1 answer
Mvc 5 required field validation not working
Html