/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

6 votes334 views4 answers
What is redis
Html
3 votes330 views2 answers
Html style element
Html
1 vote319 views2 answers
Livewire file upload
Html
0 vote359 views1 answer
Breadcrumb b5
Html
0 vote314 views1 answer
Animate html
Html
0 vote321 views1 answer
Text box border css
Html
0 vote426 views1 answer
How to change db cred in wordpress
Html
15 votes313 views6 answers
Html title attribute
Html
6 votes314 views1 answer
Icone onglet html
Html
0 vote255 views1 answer
Html command
Html