High-charts Plug-in for ServiceNow

ppparmar
Giga Contributor

Has anyone used High-charts plugin for generating fancy reports?

13 REPLIES 13

ken_lynch
Kilo Explorer

Just saw powerful demo of this from Chris Pope great stuff!!


abhinavkhanna
Kilo Explorer

Hi

Could you guide me on how to find, activate and use the High Chart Plugin , as I have a requirement to create high level charts from Service Now
Like those which are created using VB scripts in Excel.

I am trying to use Jquery high charts and trying to implement them through UI pages but the graph never renders on the UI page


I am having the same issue.   I have been trying to replicate this work:



I am a creator — Custom Dublin HighChart Chart Report - Jay Ford



... with the same results.   Of course I don't have Jay's data so I'm attempting to duplicate the functionality with a sample chart using the following code in a UI page.   I have cut out all the comments from the original work for clarity.   Note the prototype-adapter on line 54.   All seems to be in order but I also have an empty container.



<?xml version="1.0" encoding="utf-8" ?>


<j:jelly trim="false" xmlns:j="jelly:core" xmlns:g="glide" xmlns:j2="null" xmlns:g2="null">




<script>




var jane = '1,0,4';


J = jane.split(',');


var bob = '3,7,9';


B = bob.split(',');




document.observe("dom:loaded", function() {


      var chart = new Highcharts.Chart({




              chart: {


                      renderTo: 'container',


                      type: 'bar'


              },




              title: {


                      text: 'Fruit Consumption'


              },




              xAxis: {


                      categories: ['Apples', 'Bananas', 'Oranges']


              },




              yAxis: {


                      title: {


                              text: 'Fruit eaten'


                      }


              },




              series: [{


                              name: 'Jane',


                              data: J


                      },


                      {


                              name: 'Bob',


                              data: B


              }]


      });


});



</script>



<script>


<div id="container" height="800"></div>


</j:jelly>


Do you have the 'Report Charting v2' plugin enabled? Dublin or higher.