chart wont render

Question

Hey friends,
CanvasJS used to work perfectly fine in my website, but for some reason its no longer:
The code runs just fine locally/externally to my website, and in JSfidler as well.
Console shows no JS errors so I can&#8217;t figure it out, please, help me out with it as i became really frustrated with it.
additional info:
it stopped working ever since we changed the site to responsive, running newest WordPress.
e.g here (should render below the price rows where DIV ID=chartContainer.)
http://ticket-compare.com/champions-league/arsenal-v-barcelona/
Thank you for your help, please excuse for not providing more info as I only have one hand and its hard to type much.
Aviran.

suyash-singh · Answer

@byrnesj,

Kindly create a working jsfiddle along with sample data so that we can look into the code and help you out. Also you can have a look at this jsfiddle on creating Chart from JSON.

___
Suyash Singh 
Team CanvasJS

byrnesj · Answer

In a success callback, I am putting in all the data and still not seeing the chart render on my browser. Any idea what could be going wrong?

Here's a look at the code I have written for grabbing and storing the data: Is this an error elsewhere in the code?
Thanks!

success: function(data) {
          console.log(data['totalvoteval']);

window.onload = function (){
            var dataGuys = [];

data['totalvoteval'].forEach(function(value, index){
                dataGuys.push({x: (index * 10), y: value}); 
            })

var chart = new CanvasJS.Chart("chartContainer", {
                title: {
                  text: "The Presentation Data Chart"; 
                },

data: [
                {

type: "splineArea";
                        
                  dataPoints: dataGuys;

}
                ]
            });

chart.render(); 
          }

avizaza · Answer

You are the best.
Thank you so much!
It works perfectly!

vishwas · Answer

Aviran, We checked your issue, we tried debugging it locally. Kindly make few changes to get it work. Instead of using window.onload, use $(document).ready. And before loading jquery.canvasjs (js file), load jquery file. Here is the working code-snippet:

avizaza · Answer

Thank you very much for your fast response,
This error was related to a different script (now fixed),

also moved the canvas jquery to be loaded from footer (no success), changed to the non-jquery version, no success.

Would love it if you can please recheck and validate if the its the same error as before or a very simple thing I am now missing.

Thanks again,
Aviran.

FORUMS

chart wont render

Quick Links

Server Side Technologies

Front Side Technologies

Contact

FORUMS

Login to Ask a Question or Reply

chart wont render