How to use HighChart in Service Portal

[Upender Kumar]

Hi All, this is first article and sharing my experience (code and steps) to create a service portal widget having charts using HighChart.js  so that other community users can get benefits.

My requirement was to create a service portal page to show dashboards (graphs) tickets having pending state in number of days.

Below are screen shots. I have also attached .xml file for this.

1. I created a service portal widget below are sections.

2. Added dependencies.

HTML Template

Client Script

 Server Controller

I have hard coded values here you can get data from database compute you data and can assign values.

CSS

Out Put

[Sandeep10]

Please provide more such type of articles.

[Ram_n Botelho]

How can I use this kind of graph, which does not have the chart.type element?

Organization Chart

[LaibaR]

Hi  Upender Kumar! Hope you're doing well, I want help, I am trying to show Bar Chart on Widgets Preview, I've tried code from this website : https://jtblin.github.io/angular-chart.js/
I added dependencies in My HTML also in  Widget> Dependencies> Js Include
Still, I can't see bar chart on preview, let me know If I am wrong, Help me