FusionCharts labels disappear when using the javascript fallback charts - label

I am using the commercial version of fusion charts 3.
When rendered in Flash my charts look perfect.
But when I disable flash in my browser, the chart is rendering but my x-axis labels are not showing.
If anyone can point me to a helpful resource or give me a bit of direction, it is appreciated.
Thanks

I think this problem would not occur with version v3.2.1 or later of FusionCharts. Please verify that you have this version.

Related

D3 render fill image refresh browser issue

Seeing a weird issue where opening one page will load our network graph with filled circles of images, but jumping to another page will not display the circles. MOF two observations have been made:
Issue does not exist with Safari but only Chrome
Removing the image fill results in the circle being drawn
I've tried old and new versions of d3 v5, v6, v7. It's hard to test on jsfiddle because this is related to page changes inside Salesforce
The issue is not cache related as I've turned off cache and can see the images being downloaded in Chrome Dev Tools. Generally a refresh will fix the issue.
Good Render
Bad Render

Is joyride responsive?

I have recently started playing around with joyride. It is superb. However, I am having some major responsive issues. When I resize my browser, the tip position changes. For instance, when the original position is 'top' it suddenly changes to 'bottom' when I resize the browser.
I have looked everywhere for a solution but unable to find why this is happening.
Is anyone experiencing this issue and/or know a way around this?
Thanks in advance!
Responsive web design is not about manually resizing your browser, the foundation needs to load to calculte the co-ords of the page?

Mozilla Browser Compatibility UI issue

When i fix the issues for Mozilla compatibility they work fine on my system, but when i want to check those changes on a different PC using same version of Mozilla, I am getting some UI issues.
Same version of Mozilla are giving different height & widths of same div when checked on different computers.
Screen size is same, screen resolution is same and every thing is working fine when i use Chrome on both the PCs.
Please advice me if i am missing something here that might help me in solving this issue.
The reason for this inconsistencies in things like default line heights, widths margins and font sizes of headings is due to default behaviours of own browser. To resolved this you can use reset or normalize css to have consistent behaviour first. Then give your custom or required css on element.
Please find the links below:
http://meyerweb.com/eric/tools/css/reset/
http://html5doctor.com/html-5-reset-stylesheet/

Firefox pushes table content up one pixel

I'm pulling my hair out over this probably very simple problem..
I just built a website for an iphone repair company:
http://www.cellcity.co.nz/
When viewed on google chrome and safari the website shows up without any problems,
when viewed on internet explorer i just have the mobile optimised version showing while i get around to sorting out its problems.
but on firefox all my elements are pushed up one pixel. I have all the content within a table within divs, have a quick look at my source code or request some code to be shown. I don't understand what could be wrong, I am using the border-collapse css style, maybe that might be a contributing factor?
Thanks in advance,
Matt
Ok I figured out that for every css class and id, you can make a firefox independant one that is only seen by firefox. Just place #-moz-document url-prefix() {.....} around the second version of your css class and firefox will override the old version =D
hopefully this helps someone else!

Using a background image on a flot diagram/excanvas in IE

I'm trying to use the excanvas/JQuery based "Flot" plugin but would like to use a background image. At the moment however there is a bug that means it's not possible to set a background image to the canvas using CSS - the bug is described here and here.
Has anyone managed to get around this bug? It's incredibly frustrating as using CSS to provide a background image to a canvas appears to be valid in every other browser; but not using IE and excanvas!
Any help would be appreciated! I've tried nested divs and more - and I'm running out of ideas!
Thanks in advance
Edit:
There's a possible workaround here - http://code.google.com/p/flot/issues/detail?id=129 - but it seems a bit outdated as a lot of the flot code isn't the same anymore. I guess it does give me something to start with however! If anybody has an easier solution I'd be happy to hear it!

Resources