/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

26 votes197 views5 answers
Remove underline from a tag
Html
0 vote204 views1 answer
Bootsrap min css
Html
6 votes189 views3 answers
Card bootstrap 5
Html
11 votes196 views1 answer
Html error page template
Html
0 vote210 views2 answers
Iframe to fit screen in flutter
Html
0 vote198 views2 answers
Target _blank on a link_to
Html
15 votes205 views3 answers
Favicon html link
Html
0 vote257 views1 answer
Html extarea line break
Html
6 votes236 views2 answers
Open link in new window, not tab
Html
1 vote212 views1 answer
Html datetime-local format dd/mm/yyyy
Html