Interactive graph problem

[georg]

I got a problem with the interactive graph block.
Try to put the cursor over the graph (to se the values, it is the temp as default).
Then go below to options and select humidity (or any other option), then the logo just rotate and nothing loads.
Only if you select another option you will get a graph to load.
It is possible to go thru the selections, as long as you dont move the cursor over the graph,
if you do that you are stuck with the rotating logo

Have tried it on the demo, same thing. Have used different computers and browsers same result.

Link to a small video showing the issue
https://goo.gl/photos/et1opNv7CRUFuwwZA

[Jachym]

Yes I see it, it is very strange, it seems like they changed something in highcharts, but the strange thing is that when i select pressure and then humidity again, it works. this is really a mystery why it sometimes works and sometimes not. I have to check what changes they made in the latest Highcharts version

[Jachym]

OK, please try the DEMO now, I made some changes and for me it works fine now

[georg]

Still the same for me.

It is possible to select all options, as long as you keep the cursor outside the graph.
If the cursor has been over the graph, the next selection won't appear,
and you have to select another option to get a graph.

It is strange as everything works excellent in the interactive graphs in default section,
with a similar setup (just icons instead of a drop down menu)

[Jachym]

I could see the error before, but now it works ok for me after some changes:

http://www.meteotemplate.com/template/i ... ctiveGraph

[Johnny]

I've noticed the same thing on my site as well, it only occurs on first loading the page, thereafter it works fine. So once you have selected any drop down option with your mouse you see the spinning logo, then use your keyboard up and down arrows and it works fine. Then use the mouse again to select without a problem.

If you refresh the page the problem reoccurs.
http://www.watfordweather.uk

[Jachym]

Not always... sometimes it works even after refresh... googling the error didnt find anything, this is really odd and the interactive graph page works fine

[Johnny]

I see what you mean - the problem is erratic.

[georg]

I dont think it is erratic.
Only using the mouse i found out that as long as you keep the cursor out of the graph area, everything works fine.
If you just move the cursor inside the graph area the problem is there, not loading the next chosen option.

https://goo.gl/photos/A6ah8mu5E84umMHs8

Jachymcz :
still haven't figured out why the grid lines dont show up on loading a new option, but as it works on the demo it must be something on my server.
On the interactive graphpage i managed to get gridlines
http://vejr.arloese.dk/template/pages/station/graph.php

[Jachym]

Off-topic:
I´m Jachym "cz" is just for Czech Republic because jachym@gmail.com was taken

[georg]

Sorry Jachym, i will never copy/paste again

[Luc]

I had this problem a while ago on my test version of MT but wasn't be able to reproduce it on my official MT version.

[Jachym]

This is likely to be the worst possible bug you can come across as a developer - one that occurs "sometimes" (and of course never when you are trying to debug it)... The strange thing is that the same script does not cause problems elsewhere

[wx_jon]

I have the issue every time, both on my site and the demo, using Safari. It probably doesn't help, but this is Safari's error console log:

Code: Select all

[Error] TypeError: undefined is not an object (evaluating 'a.renderer.isSVG')
	destroy (highstock.js:54:402)
	(anonymous function) (highstock.js:304:501)
	objectEach (highstock.js:27:489)
	destroy (highstock.js:304:417)
	destroy (highstock.js:429:276)
	destroy (highstock.js:272:146)
	getContainer (highstock.js:258:169)
	firstRender (highstock.js:273:262)
	init (highstock.js:249:206)
	(anonymous function) (highstock.js:490:393)
	(anonymous function) (highstock.js:19:105)
	(anonymous function) (highstock.js:509:446)
	(anonymous function) (highstock.js:19:105)
	getArgs (highstock.js:248)
	Chart (highstock.js:247:364)
	success (Anonymous Script 1 (line 646))
	j (jquery.min.js:2:27301)
	fireWith (jquery.min.js:2:28110)
	x (jquery.min.js:4:22073)
	b (jquery.min.js:4:25982)

[Jachym]

Yes, it is the same thing in Chrome, but it makes no sense because at other times it works fine. I could understand it if it worked or never worked, but not this... I tried googling this, but no luck. And looking at the results passed by the PHP script to Highcharts it seems perfectly fine