/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

0 vote114 views1 answer
Css animation fade out after delay
Html
15 votes106 views3 answers
Game engine
Html
0 vote107 views1 answer
Examples of metadata
Html
0 vote106 views1 answer
How to get a variable from php to javascript
Html
2 votes115 views1 answer
Html lien
Html
0 vote108 views1 answer
Insert html in html
Html
4 votes106 views4 answers
Carousel
Html
0 vote113 views1 answer
Online apollo graphql explorer
Html
3 votes113 views1 answer
Calendar input
Html
0 vote110 views1 answer
Rounded scrolling images
Html