Home forums Feature Requests & Feedback Gauge Control using CanvasJS

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #8219

    Hi,

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

    Thanks for the help,
    Swapnil

    #8237

    Swapnil,

    Gauges are not available yet.


    Sunil Urs

    #8240

    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

    #8250

    Hi,

    We are waiting for your reply.

    Thanks,
    Swapnil

    #8256

    swapnil,

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

    __
    Anjali

    #9066

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

    #9085

    daniel,

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

    __
    Anjali

    #9538

    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 :)

    #9542

    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

    #13959

    is that possible to implement speedometer in Canvas js ?

    #13983

    @surajanand,

    Sorry we don’t have speedometer as of now.


    Vishwas R

    #27389

    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

    #27446

    Hi Carlos,

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


    Sandeep
    Team CanvasJS

Viewing 13 posts - 1 through 13 (of 13 total)

You must be logged in to reply to this topic.