Introducing the “Welcome to Xojo” Bundle!

New to Xojo and looking for guidance? We've put together a terrific bundle to welcome you! Xojo Bundle

This bundle includes six back issues of the magazine -- all of year 21 in printed book and digital formats -- plus a one-year subscription (beginning with 22.1) so you'll be learning all about Xojo for the next year. It's the perfect way to get started programming with Xojo. And you save as much as $35 over the non-bundle price!

This offer is only available for a limited time as supplies are limited, so hurry today and order this special bundle before the offer goes away!

Article Preview

Buy Now

Issue 21.6 ('Differences')
Instant purchase and download via GumRoad!


From 0 to 100

Creating Gauges with MBS and ChartDirector

Issue: 21.6 (November/December 2023)
Author: Stefanie Juchmes
Author Bio: Stefanie studied computer science at the university in Bonn. She came in touch with Xojo due to the work of her brother-in-law and got a junior developer position in early 2019 at Monkeybread Software.
Article Description: No description available.
Article Length (in bytes): 22,545
Starting Page Number: 81
Article Number: 21608
Resource File(s):

Download Icon project21608.zip Updated: 2023-10-31 23:51:28

Related Link(s): None

Excerpt of article text...

Did you know that with the MBS plugins and a ChartDirector license you can design charts for your application? In this Spotlight column, I will show you how to design linear meters and gauges charts with some examples.

Full circle gauges Chart

Let's start with a full circle gauges Chart.

We now want to display a value on the meter. Let's assume that our scale can display values from 1 to 100. We now want to enter a value of 55 on this scale. We can store the value (e.g. in our project as a constant).

Next we create the environment in which our meter should be displayed. For this we create an object of the class CDAngularMeterMBS. In the constructor, we pass some parameters. We would like to have later a diagram environment which is 200x200 pixels large. For this reason, we indicate the width and the height with 200 in the parameters. The background color should be white.

Optionally, you can specify a border color in the parameters. The two color values can be specified either as integer or of type color.

...End of Excerpt. Please purchase the magazine to read the full article.