CHART VIEW

by godgav

HTML

<div id="dataView">
    <div id="chart"></div>
    <div id="filterPanels"></div>
</div>
<script>
    require = {
        baseUrl: "http://localhost:8080/jasperserver-pro-rest/scripts"
    }
</script>
<link rel="stylesheet" href="http://localhost:8080/jasperserver-pro-rest/scripts/bower_components/bi-adhoc/src/adhoc/api/css/adHocView.css" type="text/css" media="screen">

    <script type="text/javascript" src="http://localhost:8080/jasperserver-pro-rest/scripts/bower_components/requirejs/require.js"></script>
    
    <script type="text/javascript" src="http://localhost:8080/jasperserver-pro-rest/scripts/client/jasper.js"></script>

CSS

#chart{
    height: 500px;
}

JavaScript

var bi = jasper("http://localhost:8080/jasperserver-pro-rest");

//use configured script loader
bi([
    "jquery",
    "adhoc/api/AdHocViewFacade"
], function($, AdHocView){
    "use strict";
    
    var adHocView = new AdHocView({
        baseUrl: "http://localhost:8080/jasperserver-pro-rest",
        container: "#dataView",
        url: "/public/Samples/Ad_Hoc_Views/01__Geographic_Results_by_Segment",
        ichart:{
            layout: {
                container: "#chart"
            }
        },
        filters: "#filterPanels"
    });

     adHocView.run().then(function () { 
          //properties methods:
         /* 
         adHocView.dataModel.metadata().view().xAxisRotation(45); // number
         adHocView.dataModel.metadata().view().yAxisRotation(90); // number
         adHocView.dataModel.metadata().view().xAxisStep(2); // number
         adHocView.dataModel.metadata().view().yAxisStep(2); // number
         adHocView.dataModel.metadata().view().chartType("pie"); // propper chart type
         adHocView.dataModel.metadata().view().showDataPoints(true); // boolean
         adHocView.dataModel.metadata().view().showMeasureOnValueAxis(false); // boolean
         adHocView.components.ichart.changeDataLevel("rows", 1); // string, number, changes data level
         console.log(adHocView.components.ichart.getLevels("rows")); // string - get all levels for given axis 
         */
    });
});