Google Charts [Not supported]

Google Charts are not officially supported starting from Report Builder v.5.X.X and higher.

Example based on https://developers-dot-devsite-v2-prod.appspot.com/chart/interactive/docs/quick_start.

Template:

<div id="chart_div"></div>

Script:

SR.render({}, () => {
    const {
        google
    } = SR.lib;

    google.charts.load('current', {
        'packages': ['corechart']
    });

    // Set a callback to run when the Google Visualization API is loaded.
    google.charts.setOnLoadCallback(drawChart);

    // Callback that creates and populates a data table,
    // instantiates the pie chart, passes in the data and
    // draws it.
    function drawChart() {

        // Create the data table.
        var data = new google.visualization.DataTable();
        data.addColumn('string', 'Topping');
        data.addColumn('number', 'Slices');
        data.addRows([
            ['Mushrooms', 3],
            ['Onions', 1],
            ['Olives', 1],
            ['Zucchini', 1],
            ['Pepperoni', 2]
        ]);

        // Set chart options
        var options = {
            'title': 'How Much Pizza I Ate Last Night',
            'width': 400,
            'height': 300,
            'fontName':'Roboto'
        };

        // Instantiate and draw our chart, passing in some options.
        var chart = new google.visualization.PieChart(document.getElementById('chart_div'));
        chart.draw(data, options);
    }
});

Report Builder: Jira Reports and Data Analysis

Google Charts [Not supported]

Analytics

Related content