customised-donutcharthighchartjs
Reactive icon

Customised_DonutChart(HighChartJs)

Stable version 1.0.0 (Compatible with OutSystems 11)
Uploaded
 on 26 Aug (2 weeks ago)
 by 
0.0
 (0 ratings)
customised-donutcharthighchartjs

Customised_DonutChart(HighChartJs)

Details
This asset is a custom donut chart component built using the HighchartsJS library, seamlessly integrated into OutSystems. It enhances the native OutSystems Charts by providing greater flexibility, customization, and advanced features. Key highlights include: Total in Center Feature – Displays a total value inside the donut chart (not natively supported in OutSystems Charts). Advanced Legends & Color Control – Customize legend styles, colors, and chart appearance to match your application’s design. Full Chart Control – Directly use HighchartsJS code to configure and style charts, unlocking the entire Highcharts feature set. Highcharts Compatibility – Any chart available at Highcharts demos can be implemented. Simply take the HighchartsJS configuration and apply it within this component. With this asset, developers get the power and flexibility of HighchartsJS while retaining the ease of use and integration of OutSystems. It enables the creation of visually rich, interactive, and highly customizable charts that go beyond the limitations of the built-in OutSystems Charts.
Read more

This component is a custom donut chart powered by the HighchartsJS library, designed to give OutSystems developers far more control and flexibility than the standard OutSystems Charts widget.

While OutSystems Charts provide a simple way to visualize data, they are limited in customization options. This component bridges that gap by integrating HighchartsJS directly into your OutSystems applications, enabling you to build highly customizable, interactive, and visually rich charts with ease.

Key Features

  • Donut Chart with Total in Center – Displays a total value inside the donut chart, a feature not available in native OutSystems Charts.

  • Advanced Legends – Customize legends with styles, positioning, and interactivity for a cleaner and more intuitive user experience.

  • Color Control – Define custom color palettes or dynamic color schemes to match your application’s design.

  • Full Highcharts Support – Use any chart configuration from Highcharts demos, such as pie, column, line, area, or donut charts. Simply copy the Highcharts JS options and apply them in the component.

  • Flexibility & Extensibility – Beyond donut charts, you can easily adapt the component to create other chart types supported by Highcharts.

Benefits

  • Seamless Integration – Feels just like working with native OutSystems Charts, but with more advanced controls.

  • Developer Friendly – Allows you to paste and use HighchartsJS code directly without complex setup.

  • Customizable & Future-Proof – Unlocks Highcharts’ wide range of features, ensuring your charts can evolve with your application’s needs.

This asset empowers developers to go beyond the limitations of OutSystems Charts by combining the power of HighchartsJS with the simplicity of OutSystems development. Whether you need advanced data visualization, interactive dashboards, or highly customized chart designs, this component gives you full creative freedom.

Release notes (1.0.0)
License (1.0.0)
Reviews (0)
Team
Other assets in this category