RGraph VProgress indicator is not working

Share RGraph:  

« Back to message list

Enter your email address to get email updates on this topic. You can stop receiving updates by clicking the link in the update email messages.

Posted by Sajjad Murtaza on 7th September 2016
I'm implementing RGraph VProgress.
Everything is working great. But i'm unable to show indicator.

Kindly guide me. How to implement indicator.

Here is my code
$( document ).ready(function() {
     $("div.cvs").each(function(){
        var cvs_id = $(this).find("canvas").attr("id")
         console.log(cvs_id);
         var hprogress = new RGraph.HProgress({
             id: cvs_id,
             min: 0,
             max: 120,
             unitsPost: '%',
             value: [70, 20, 30],
             options: {
                 //colors: [ 'gradient(white:white:white:green)','Gradient(white:red)'],
                 colors: [
                     'Gradient(white:red)',
                     'gradient(white:yellow)',
                     'gradient(white:green)'
                 ],
                 key: ['Internet Explorer', 'Firefox', 'Chrome'],
                 keyColors: ['red','yellow','green'],
                 tickmarksInner: true,
                 tickmarksZerostart: true,
                 gutterBottom: 20
             }
         }).draw();
     })
Posted by Richard on 7th September 2016
Hi there,

What kind of indicator do you want to show and where?



Richard
Posted by Sajjad Murtaza on 7th September 2016
That for your quick response!

Here you can see my current chart view awesomescreenshot.com/00264cc01e.


While i want like this with indicators awesomescreenshot.com/0d464cc6c7.

Thanks
Posted by Richard on 7th September 2016
Hi there,

It's just saying that the screenshots have been removed.



Richard
Posted by Sajjad Murtaza on 7th September 2016
Enter your message...


Here you can see my current chart view awesomescreenshot.com/00064cdc69

While i want like this with indicators awesomescreenshot.com/03964cd8a8
Posted by Richard on 7th September 2016
Hi there,

You could use the obj.getXCoord(value) method to get the the correct X coordinate and then draw a rectangle at that coordinate.

Like this bullet chart demo draws a black rectangle on the chart:

www.rgraph.net/demos/hprogress-bullet.html




Richard
Posted by Sajjad Murtaza on 7th September 2016
Thank you so much.

Add a reply




« Back to message list