Gauge Control using CanvasJS

[SwapnilV007]

Hi,

Is is possible to implement Gauge with Pointer using CanvasJS Chart types?

Thanks for the help,
Swapnil

[Sunil Urs]

Swapnil,

Gauges are not available yet.

—
Sunil Urs

[SwapnilV007]

Hi,

Do you have any plans to include Gauge Support in next release?

If yes, Can you please let us know when can we expect next release?

Thanks,
Shreyas

[SwapnilV007]

Hi,

We are waiting for your reply.

Thanks,
Swapnil

[Anjali]

swapnil,

We don’t have plans to implement gauges in near future.

__
Anjali

[Daniel Silva]

It’s the only chart type I miss in canvasjs and should be very simple to implement.

[Anjali]

daniel,

We are considering gauge chart for future versions but we don’t have exact timeline.

__
Anjali

[DamianJauregui]

If there was some information on how a doughnut chart could be used but with a set start and end angle and position it so that one 180 degrees are viewable. That would work for most people’s requirements, rather than these speedometer style gauges that google, etc. has.

Can a demo of that be put together? Please :)

[Sunil Urs]

DamianJauregui,

Out of the box we don’t have a doughnut that renders 180 degree. But we do have a workaround as shown in this jsfiddle.

—
Sunil Urs

[surajanand]

is that possible to implement speedometer in Canvas js ?

[Vishwas R]

@surajanand,

Sorry we don’t have speedometer as of now.

—
Vishwas R

[CARLOS SOUSA]

We create an speedometer with the following link suggestion that use CanjasJS.
https://codepen.io/PowerTower/pen/GQONjy

Whats we did:
1) We Created diferentes areas but the color is the same “white”, once is our background-color:
data: [
{
type: ‘doughnut’,
dataPoints: [
{
y: 1,
color: ‘white’
},
{
y: 1,
color: ‘white’
}
,
{
y: 1,
color: ‘white’
}
]
Basicaly we use de structure of diferentes color for separate areas, However all color we use “white” that is ou background-color. So the color is never shown.

2) We removed the center informaton number.

3) We adjusted the pointer position and size.

4) We add a background-img in at the div

If you want to see the result, check the link: https://silossoft.com.br/canvasjs-gauge-speedometer.jpg

I hope this could help someone else

[sandeep]

Hi Carlos,

Thanks for creating such an example code. I’m sure it will be helpful for many others :)

–
Sandeep
Team CanvasJS