Reply To: Gauge Control using CanvasJS

[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