How to Develop Custom Highcharts Reports

[Darrion Burges1]

Hello Reporting team, 

I am part of a large organization that utilizes both reporting and PA for as many levels of reporting as possible. We do everything we can using the self-service report builder and have made sure to create processes around self-service report creation/sharing. 

However, my team needs to specifically deal with leadership reporting, and we are increasingly finding ourselves running into the edge of reporting's capabilities. We already use a dashboard workflow to share our reports, and we want to give a consistent look and feel for our users that are already used to the traditional ServiceNow Reports. 

I know that ServiceNow Reporting uses highcharts, and that highcharts has a javascript extension as well. Is there anything special to know about using highcharts in ServiceNow? is there some sort of custom extension for ServiceNow Reports we can use in our scripts? or is it simply that we need to buy the highcharts extension and simply implement it directly in servicenow? 

The ultimate vision, is the creation of dashboards that have normal reports, and custom highcharts reports side-by-side. Ultimately, we are trying to expand our repertoire of reporting tools in ServiceNow and I wanted to check with the experts if there are any best-practice implementation methods that can be advised before we simply dig into the process of implementing the highcharts plugin directly into servicenow. 

As always, thank you for your time and expertise!

[Harsh Vardhan]

have you tried using custom chart ? if not kindly have a look on below doc link. hope it will help you. 

Also adding ootb custom chart list , kindly  have a look. 

OOTB Custom Chart List : 

https://<Instance ID>.service-now.com/nav_to.do?uri=%2Fsys_report_custom_chart_list.do%3Fsysparm_userpref_module%3Df44a3dda0a0a0b9e00e8d24cebf8434b%26sysparm_clear_stack%3Dtrue

Doc Link for further details. 

https://docs.servicenow.com/bundle/geneva-performance-analytics-and-reporting/page/use/advanced_repo...

[Adam Stout]

Custom charts were deprecated in Helsinki (I believe).  This is completely unsupported at this point.

[Adam Stout · Accepted solution]

There was a session on custom visualizations (using but not limited to HighCharts) at K19.  I would recommend reviewing that:  https://community.servicenow.com/community?id=community_article&sys_id=40562f5cdb9d3b0422e0fb2439961...

[Darrion Burges1]

Hey Adam, 

Amazing content as always. So from this, I gather the best-practice path forward is a combination of content blocks and UI macros. 

In your examples, you leverage the chart, Performance Analytics, and Dashboard API, but i'm assuming I would just import the Highcharts API if I wanted to leverage that too? 

Is there anything specific to know about the import of javascript packages like highcharts in a production instance? 

Thank you as always for your time and expertise Adam, this was very helpful and look forward to sharing it with my team!