Google charts does automatic label positioning. However under chrome everything goes ok, but under firefox and IE this is the result: http://i.stack.imgur.com/ftXgF.png
As anyone gone through this or have any idea why this happens? It's a very random behaviour sometimes it displays properlly other times it doesn't.
The html element where the graphic is going to be displayed must be visible at drawing time.
That's the solution. Otherwise there is a bug that in browsers other than chrome it cluters up the legends.
Related
After a forced reboot yesterday evening, my shinyapp which was working fine for the last 10 months has started displaying only on the left-half of the browser window in edge. The right-half is a blue screen as shown in the picture below. The problem persists on chrome and IE also.
I have restarted R, RStudio and even rebooted the laptop multiple times. I did try the following
shinyApp(ui, server, options = list(width = '100%'))
The plot and sidebar seem to be fixed. When I reduce/increase the screen width only the blue part decreases/increases.
I would appreciate any suggestion to resolve this issue. Perhaps there is a browser setting or js or css code that can override this setting.
This issue is only in one app. Other apps are not affected. It appears that recent update to edge interferes with my custom.css. Once I comment out that line, the blue screen disappears. Most of the customization in custom.css is not necessary now as I am using dashboard themes.
The second issue of only first menuitem not being active is due to image being included in the title bar of the dashboardHeader() with a tags$li(a(href=...,img(src=...), class="dropdown")). It works fine with a icon() or by changing img(...) to tags$img(...). Please note that the opensource consortium setting the rules on how the code should be processed did make a rule change recently. This affected my app.
I have made this little website for myself: http://jonathanpabst.dk/website/HTML/index.html and it works fine on google chrome.
But when i enter the site on microsoft edge or firefox my svg logos under the section "mine Kompetencer" is not in a row like it would be in chrome and they become big and ruin the page.
i have been unsuccessful in figuring out what is wrong myself, and hope someone in here might have the answer.
Just give them a max-width of 95px and it will work.
I have a div, so that when I click, it will toggle to expand, or retract. It works pretty well on all browsers, though there is a thing that intrigues me. On Google Chrome when it retracts it leaves small lines from the movement.
www.rezoluz.com/login.php - The page
To see it, open that page with Google Chrome. And click on the register button twice, on the second time it will leave lines, normally, but not on other browsers. I'm using a standard .animate, with jquery. All help is greatly appreciated.
SCREENSHOT:
Also, here is a jsfiddle showing the result : http://jsfiddle.net/rwQPu/2/ . Error in Chrome 21.0.1180.81 beta-m Win7.
It's a bug of chrome. See a previously asked question here :
Odd “shaking” effect when animating width with jQuery (only in Chrome!)
This is not a coding problem but actually a bug in certain versions of Google Chrome, as unlikely that may sound.
There is no fix as far a I know, we just need to wait for Google to resolve their problem, knowing Google that will be done from the moment they find out about it.
I'm attempting to create an animated menu bar using raphael.js. It works fine in Firefox but in Chromium a black outline appears around the graphic. View this jsFiddle in Chrome.
As the graphic moves it also seems to leave behind traces of this black outline as shown in the image below. I've tried setting the"stroke-width" attribute to 0 but this doesn't seem to have any effect.
Any help on the matter would be much appreciated.
I've run into this problem and it's present in Chrome 18 and 19. As Chrome 20 is just a few days old, many users will still have previous versions installed, so it's still worth fixing it.
In Raphael just set your stroke: none or plain svg element.setAttribute("stroke", "none")
Hi I'm having some trouble with IE7 when doing a map.
I've made an xml and ajaxed it to grab points based on where the user is on the map.
It works well, and in FF, IE8 no problems when they click the points. On IE7 it firstly misses the cross at the top right, has some problems with the border (fixed that with some margin) and more importantly cuts out an portion of the image which I can't figure out.
I've attatched an image and what you see there is basically an a tag with a background image.
I've taken the title out as I thought that might cause it. Basically I'm stumpped any ideas.
Thanks
Richard
There seems to be a bug in Internet Explorer which has to do with how transparent PNGs are scaled when using the Zooming feature of the browser. It's difficult to reproduce because it's a local browser setting.
It happens even in maps.google.com. See the example below at 125% zoom, using Internet Explorer 8:
Is your zoom set to anything other than 100%?