How to create three needles in a single gauge in ignition designer

[Anjali_manogna]

In a gauge there need to be three needles how can we achieve that?

[Transistor]

1. Please edit your question and tag as Vision or Perspective.
2. Which component do you want to use?
3. Can you give an example imagev of how this should look?
4. What information are you trying to convey?

[Anjali_manogna]

I want to use simple gauge component and i need three needles for the outer axis is it possible

[Transistor]

The Simple Gauge component doesn't have a needle.
Do you mean the Gauge component?

[Anjali_manogna]

Yes

[Usha_Vilash]

Design a custom component for the gauge with three needle elements. Use scripting to control the position and rotation of each needle based on your data or requirements. Bind the data source to each needle to ensure they accurately reflect the values you want to display and from the official website you can get more detail information about this.

[Transistor]

• Create a Coordinate view.
• Drop three Gauge components onto the view. Offset them initially while you set them up. Later you will move them all to the same origin.
• Create parameters on the view for minValue, maxValue, gaugeValue0, gaugeValue1, gaugeValue2.
• On the view → Perspective Property Editor → PARAMS, create an array property "ranges". On the chart component select ranges, right-click, copy and then paste that structure into the view's ranges property that you have just created.
• Find which gauge is at the back of the Z-order. This one will display the axis and numbers. The other two will have them hidden. To hide the range color bands on the top two gauges set,
  outerAxis.ranges.0.color : #00000000.
  The last two hex digits are the opacity and 00 sets it to transparent.
• On the bottom gauge outerAxis.ranges create a property binding to the view's ranges.
• Bind each of the gauges' value properties to one of the gaugeValue0, gaugeValue1 or gaugeValue2.
• Modify each gauge's outerAxis.needle.color property to suit.

[Anjali_manogna]

thank you I have got it.

[Transistor]

Hit the "Solution" link on the post which answered your question. This marks it solved in the main index as well. Thanks.

[lrose]

Nothing against @Transistor's solution, it defiantly works. However, if you end up needing to have multiple of these "gauge stacks" on a view your performance can drop dramatically. In that case the better solution is to use an SVG solution.

Perspective, faster page

Okay, I had a bit of free time today, so here is a complete SVG solution. You could do the Label as SVG text as well, or a gauge needle if you wanted, I haven't gone that far. Just a little example of the power of using the Ignition Designer to add SVG elements. I didn't include the label for the example. Note: All of this (outside of the calculations needed to find the points for the shape) was done inside of the designer (yes I can be somewhat of a masochist at times. ). First a s…

This was for a simple gauge, but could be modified to produce multiple needles as well.

[Transistor]

@lrose

Nothing against @Transistor's solution, ... your performance can drop dramatically.

That's a valid objection!