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