I didn't understand the demo "bar-seach-result-clickthru.html"

Share RGraph:   Share or Like RGraph on Facebook!

« 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 Sudarshan on 20th January 2017
Hi,

I didn't understand the chart "bar-seach-result-clickthru.html"
Could you please explain to me how it is different from any other standard bar chart.

www.rgraph.net/demos/bar-seach-result-clickthru.html

Thanks.
Posted by Richard on 20th January 2017
Hi there,

It's just an example.


Richard
Posted by Sudarshan on 23rd January 2017
Hi Richard,

   I am drawing svg bar chart it's draw successfully,nut the tooltips are not showing it's a plain bar chart i am loaded files are
1)RGraph.svg.bar.js,
2)RGraph.svg.common.tooltips",
3)RGraph.svg.common.core.js,

and i am loaded RGraph.common.tooltips.js also for the other charts,

but all the charts tooltips are coming but the svg chart are not showing


and another problem

www.rgraph.net/demos/bar-resizable.html
like this example i am resizing the canvas but it's showing the error

R.allowingresize is not a function for that i am included file
RGraph.common.resizing


i couldn't find "RGraph.common.resizable.js" file from library how can i draw resizable chart.
Posted by Richard on 23rd January 2017
Hi there,

1. I can't tell from just that. Try copying the code from this demo:

www.rgraph.net/demos/svg-bar-tooltips.html

(and check your JavaScript console for any errors)

2. I can't tell what you're saying so, again, try copying the code in its entirety from the resizing demo. And remember that resizing is a canvas thing and does not apply to the SVG libraries.




Richard
Posted by Sudarshan on 23rd January 2017
new RGraph.SVG.Bar({
         id: 'cvs'

                 data : data,

                 options: {

                     variant : '2d',

                     variantThreedAngle : 0.1,

                     strokestyle : 'rgba(0,0,0,0)',

                     colors : colors,

                     chartColorsSequential : true,

                     gutterLeft : 20 ,

                     gutterRight : 32,

                     gutterBottom : 20 ,

                     gutterTop : 30,

                     labels : keys,

                     textAngle : 50,

                     textSize : 8,

                     shadowColor :'#ccc',

                  

                     shadowOffsetx : 3,

                     backgroundGridColor : '#ccc',

                     scaleZerostart : true,

                     axisColor : 'red',

                     keyShadow : true,

                     keyShadowColor : '#ccc',

                     keyShadowOffsety : 0,

                     keyShadowOffsetx : 3,

                     keyShadowBlur : 15,

                     keyPosition: 'gutter',

                     keyPositionGutterBoxed: false,



                     keyPositionX: 100,

                    tooltips :tooltips,
     
   tooltipsHotspotXonly: true,
     
   tooltipsEvent: 'mousemove',
   
                     titleYaxis : y_axis_value,

                     titleYaxisPos : 0.1,

                     titleYaxisBold : false,

                     title : title,

                     titleFont : 'Arial',

                     titleColor : "green",

                     textColor: '#2b6dad',

                     titleSize : 9,

                     titleBold : false,

                     shadow : false,

                     hmargin : 1,
                  }
             }).grow();

i am included three files but i am not getting keys and tooltips for svg barchart
Posted by Richard on 23rd January 2017
Hi there,

You appear to have taken the code from a canvas example and are trying to use it with an SVG Bar chart. The options are different and the key - for example - is not yet implemented for SVG charts.

Use the canvas libraries with a canvas example and the SVG libraries with an SVG example. Here's an example of the SVG Bar chart using tooltips:

www.rgraph.net/demos/svg-bar-tooltips.html





Richard
Posted by Sudarshan on 23rd January 2017
hi

1)i am facing the problems with line chart and h-bar chart to draw negative values i used for that yposi=center but tooltips are not showing
2)for the line chart i used ymax and ymin values +500 to -500 but it's showing o to 500 i.e y max only

how i solve these problems for the only negative values these are the problems. these are canvas charts.
Posted by Richard on 23rd January 2017
Hi there,

Well the last code example you gave you were using the SVG Bar chart object, so you'll have to give me the address to an online example.

Richard
Posted by Sudarshan on 24th January 2017
Hi

i am drawing h-bar and bar chart it is same data for the both like below consist with negative values [2][-228][-305][-566][-650]
[-661]
[-695]
[-705]
[-729]
[-761]
[-769]
[-771]
[-792]
[-800]
[-802]
[-826]
[-839]
[-839]
[-845]
[-847]
[-868]
[-872]
[-883]
[-887]
[-888]
[-890]
[-898]
[-900]
[-903]
[-910]
[-911]
[-912]
[-913]
[-915]
For this i gave options


                     options: {

                         variant : '2d',

                         hmargin: 0,

                         variantThreedAngle : 5,

                         strokestyle : 'rgba(0,0,0,0)',

                         colors :colors,

                         chartColorsSequential : true,

                        gutterLeft: 100,

                         gutterRight : gutterRight1,

                         gutterBottom :gutterBottom1,

                         gutterTop : gutterTop1,

                         labels : keys,

                         xaxisMax: 1000,
      
       xaxisMin:-1000,

                         //textAngle : 30,

                         textSize : 8,

                         shadowColor :'#ccc',

                         shadowOffsetx : 3,

                         backgroundGridColor : '#eee',

                         scaleZerostart : true,

                         axisColor : '#ddd',

                         //key : ( isCategoryTypeChart ) ? rightMostValues : [y_axis_value] ,
                         key :legend_box,

                         keyShadow : true,

                         keyShadowColor : '#ccc',

                         keyShadowOffsety : 0,

                         keyShadowOffsetx : 3,

                         keyShadowBlur : 15,

                         keyPosition: 'gutter',

                         keyPositionGutterBoxed: false,

                         keyPositionX: 100,

                        // labelsAbove: data,

                        /* tooltips : function (index)
                         {
                             return tooltips[index];
                         },*/
       tooltips : tooltips,
       tooltipsHotspotXonly: true,
      
       tooltipsEvent: 'mousemove',

                        /* titleYaxis : y_axis_value,

                         titleYaxisPos : 0.1,

                         titleYaxisBold : false,*/

                         titleFont : 'Arial',
      
       yaxispos: 'center',
      

                         titleXaxis : y_axis_value,

                         titleXaxisPos : 0.5,

                         titleXaxisBold : false,

                         title : title,

                         titleColor : "green",

                         textColor: '#2b6dad',

                         titleSize : 9,

                         titleBold : false,

                         shadow : false,

                         //hmargin : 1,


                      }

these are h-bar options but the scale of h-bar chart showing -5 to 5 values only,i draw bar chart with same data it's working fine please let me know asap
Posted by Richard on 24th January 2017
Hi there,

1. Your configuration is a mess - I suggest you start again.
2. Choose SVG, or choose canvas and stick with the one you choose. You cannot mix and match configuration values.
3. Here's your chart:

www.rgraph.net/fiddle/view.html/hbar-problem

(This is a canvas based chart so I suggest that you stick with that)




Richard
Posted by Sudarshan on 24th January 2017
Hi Richard

  Special thanks for your help i am trying these feature to my charts also

www.rgraph.net/demos/bar-resizable.html

but i don't have any resizable.js file and it's showing alert rg.allow resize is not a function how can i add these feature to my charts also
Posted by Richard on 24th January 2017
Hi there,

The resizing library file - RGraph.common.resizing.js - is in the same place as all of the other library files in the archive.



Richard
Posted by Sudarshan on 24th January 2017
<html>
<canvas id="cvs" width="600" height="250">
     [No canvas support]
</canvas>
<script src="jquery.min.js"></script>
<script src="RGraph.common.core.js"></script>
<script src="RGraph.common.dynamic.js"></script>
<script src="RGraph.common.resizing"></script>
<script src="RGraph.bar.js"></script>
<script>
     window.onload = function ()
     {
         var bar = new RGraph.Bar({
             id: 'cvs',
             data: [12,18,10,9,6,20,18],
             options: {
                 resizable: true,
                 labels: ['Monday','Tuesday','Wednesday','Thursday','Friday','Saturday','Sunday'],
                 shadow: false,
                 colors: ['red'],
                 strokestyle: 'rgba(0,0,0,0)',
                 textAccessible: true
             }
         }).draw();
     };
</script>

</script>
</html>

i used this code to draw the resizing chart i am only getting simple bar chart
Posted by Richard on 24th January 2017
Hi there,

You appear to be missing the .js extension in the <script> tag.




Richard
Posted by Sudarshan on 25th January 2017
Hi Richard

   Thanks Richard i did a simple mistake it's working fine now

I need some other chart it's like a one parent group under the parent child group under the the each child each sub child group these process goes on... it's just like tree chart i need that is there any other chart like this structure is fine for me.
Posted by Richard on 25th January 2017
Hi there,

There's nothing like that in RGraph I'm afraid.



Richard

Add a reply




« Back to message list