Visualize: Change Chart Type

Test plugins

by Yuriy Bablyukh

HTML

<script type='text/javascript' src="http://build-master.jaspersoft.com:5480/jrs-pro-feature-faf-os/client/visualize.js?_opt=true"></script>
<button id='apply'>Apply</button>
<div id="container"></div>

JavaScript

visualize({
    auth: {
        name: "superuser",
        password: "superuser"
    }
}, function (v) {

    //persisted chart name
    var chartName = "6de026d7-450e-41df-9495-90da1be6ebf7",
        $select = buildControl("Chart types: ", v.report.chart.types),
        report = v.report({
            resource: "/public/BarChartFoodmart",
            container: "#container",
            success: selectDefaultChartType,
            error: function (error) {
                console.log(error);
                alert(error);
            },
                        events: {
                            changeTotalPages: function (totalPages) {
                                             console.log("Event changeTotalPages executed, we have: " + totalPages + " - pages");
                            },
                            reportCompleted: function (status) {
                                
                                    console.log("Event reportCompleted executed with status: " + status);

                            },
                            changePagesState: function (page) {
                              
                                    console.log("Event changePageState executed with page: " + page);
                              
                            }
                        }
        });



    $("#apply").click(function () {
        var params = {
            "product_name_1": ["ADJ Rosy Sunglasses"]
        };
        report.params(params).run().fail(function (error) {
            alert(error);
        });
    });

    $select.on("change", function () {
        report.updateComponent(chartName, {
            chartType: $(this).val()
        })
            .done(function (component) {
            chartComponent = component;
        })
            .fail(function (error) {
            alert(error);
        });
    });

    function selectDefaultChartType(data) {
        var component = data.components.filter(function (c) {
          ...