Tech Articles


Data-Driven Column Gradient Bar


As of PowerBuilder 11.5, DataWindow columns have been able to have background gradients. In that gradients can be data-driven by expressions, this tip will review how columns can emulate bar graphs.

For this example, I’ve created a DataWindow object that displays sales orders by sales rep and I’ve created a computed field that displays each rep’s quantity of orders as a percentage compared to the total count of orders for all sales reps.

DataWindow Painter - Computed Field

To have the column’s background gradient behave as a bar in a bar graph, first institute the background gradient itself. Here I’ve chosen a horizontal gradient that will be blue in color.

Computed Field's Background Properties

Next, I’ve set the gradient’s Transparency, Angle and Focus to a value of zero, and the Scale to 100%.

Spread property of column background gradient

Now I’ll institute an expression for the gradient’s Spread. Here I’ve simply used the quantity of each rep’s orders.

Spread property value of the gradient

And now you have it. The column’s background gradient now has the column emulate a bar chart giving the user proportionate data visualization…with zero scripting!

Data visualization of percentages using a gradient is achieved

Comments (0)
There are no comments posted here yet

Find Articles by Tag

Filter PowerScript (PS) Model Debugging .NET DataStore UI Modernization CI/CD C# Database Profile Source Code License Export JSON JSONParser RESTClient Trial Platform Database Connection Database Object PDFlib DataWindow TreeView Design Text PFC Repository Web API SqlExecutor WebBrowser Linux OS PowerBuilder (Appeon) OAuth 2.0 PBDOM InfoMaker Windows 10 Icons OAuth Validation PowerBuilder Compiler IDE Authentication PowerServer Web Event Handling JSON Graph Resize HTTPClient 32-bit Git DataType Database Table Data Encryption PowerBuilder Interface Authorization .NET Std Framework NativePDF Database Painter Database Table Schema CrypterObject PDF BLOB Windows OS SVN Icon TortoiseGit PostgreSQL Oracle UI Themes DevOps GhostScript Class Elevate Conference TLS/SSL Testing Debugger ActiveX REST Branch & Merge MessageBox JSONGenerator Deployment Debug Migration DLL SnapDevelop Azure Script RibbonBar Builder WinAPI Android TFS Performance File Excel COM OrcaScript SDK Export SQL Menu .NET Assembly Error Data Stored Procedure ODBC Encoding API Source Control Syntax Array SQL Server Database Table Messagging Event Handler CoderObject Database Import JSON Import Charts Mobile Expression Transaction Configuration Bug XML DragDrop RichTextEdit Control DataWindow JSON 64-bit Application SOAP Jenkins Service Open Source Event Automated Testing PowerServer Mobile Window RibbonBar Outlook iOS Installation Web Service Proxy SqlModelMapper PostgreSQL ODBC driver Sort UI Variable SnapObjects External Functions OLE