3D charts graphing


« 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 John Moffat on 21st November 2013
Your logo is 3d but I cannot see any 3d in your charts??
what have I missed

best Regards
John
Posted by RGraph support on 21st November 2013
Hi there,

It's just a logo. The Bar chart does have a 3D effect variant though as this example shows:

www.rgraph.net/demos/bar-3d-effect.html

And the Pie chart can be made to look 3d-ish:

www.rgraph.net/demos/pie-effects-3d.html
www.rgraph.net/demos/pie-gradients.html


Richard
RGraph Support
Please remember to link to the RGraph website
Posted by Richard on 18th January 2016
Hi there,


FWIW, if you're still monitoring this thread (doubtful) - the 3D support in RGraph is now much better:

www.rgraph.net/docs/3d-javascript-charts.html




Richard
If RGraph has helped you - please share the website and give your feedback - thanks:

www.rgraph.net/testimonials
Posted by Theo on 20th January 2016
First let me commend you for a fantastic chart library and thanks for making it available.
I am wondering how do one actually set the data. I created a function in javascript, pls see below. Looking at the examples, my initial understanding of is that the data(for this particular 3d example), takes in a multi array, i mean an array containing another array([[1,2.4],[3,5,8],[8,2,1]]). So i proceeded to create an array record with the same structure. But the chart is acting strange, the 3d charts were displayed , but not properly sized. The axis displaying the Km, was all wrong, it stopped at value 1km.

So my question really is, what is the type of this record. I am making an ajax call to a php controller and getting back an xml response which processed and parsed into the javascript array. What exactly am i doing wrong?

function drawGroupedVChart (labeldata, keydata, recordData, titles)
     {
  
   alert(recordData);
  
         var bar = new RGraph.Bar({
             id: 'vchart',
             data: recordData,
             options: {
                 variant: '3d',
                 variantThreedAngle: 0.1,
                 strokestyle: 'rgba(0,0,0,0)',
                 colors: ['Gradient(#fbb:red)', 'Gradient(#bfb:green)','Gradient(#bbf:blue)'],
                 gutterTop: 30,
                 gutterLeft: 45,
                 gutterBottom: 80,
                 labels: labeldata,
                 shadowColor:'#ccc',
                 shadowOffsetx: 3,
                 backgroundGridColor: '#eee',
                 scaleZerostart: true,
                 axisColor: '#ddd',
                 unitsPost: 'km',
                 title: titles,
                 key: keydata,
                 keyShadow: true,
                 keyShadowColor: '#ccc',
                 keyShadowOffsety: 0,
                 keyShadowOffsetx: 3,
                 keyShadowBlur: 15
             }
         }).draw();
     }
Posted by Richard on 20th January 2016
Hi,

If you're making an AJAX call are you sure that your data is an array and not a string? To check you can do this:

$p(recordData);

And whilst you're trying to get it working you could cut down the configuration to the minimum:


function drawGroupedVChart (labeldata, keydata, recordData, titles)
{
     $p(recordData);
   
     var bar = new RGraph.Bar({
         id: 'vchart',
         data: recordData,
         options: {
         }
     }).draw();
}

If the popup dialog tells you that what you're seeing is a string, you could try doing this:


var recordData = eval('(' + recordData + ')');



Richard

Add a reply

 




« Back to message list
RGraph on social media