31
Views
4
Comments
How to Design Charts\DonutChart
Question

How to Design Charts\DonutChart like this,
Icon in list

2024-07-18 10-54-11
Abhishek Hayaran

Hi Abhishek,

Please refer to this article you can easily create a chart using Chart API provided by Outsystems.

https://success.outsystems.com/documentation/11/reference/outsystems_apis/charts_api_v2/charts/donut_chart/

UserImage.jpg
vikas sharma
Champion

Hi Abhishek,

To acheive the chart like above you just need to drag drop donut chart from widgets. Once you have donut chart in the screen set the position of legend to right. So By this way you will get list at right hand side of the chart.


Hope it helps. 

regards

2022-12-21 13-30-20
Abhishek Jain

Need to know how to change,the icon round to square.

UserImage.jpg
vikas sharma
Champion

Hi Abhishek,

For custom legend icons you need to provide required CSS in properties of chart under Advanced Format -> HighChartsJSON.

You can create custom css for this. Please refer https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/studies/legend-custom-symbol/

regards

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.