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

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