jqplot chart displaying as red color fully in IE8? - jqplot

jqplot charts are showing red screen only in IE8, even their websites also showing the same. Is any fix available for this?
jqplot

I found that I had to upgrade to the latest version of ExplorerCanvas (the one that's bundled with jqplot is an older version), and I also had to set the rendering mode to IE7:
<meta http-equiv="X-UA-Compatible" content="IE=7">
The older version of ExplorerCanvas uses red as a background color for the overlay, whereas the newer version does not.

Related

Chrome SVG rendering bug in MacOSX Sierra?

I have a Google Chrome problem on macOS Sierra: Image: SVG rendering bug
As you can see in the image above, the SVG background images in the stackoverflow answering section are not rendered correctly. That also applies for the stackoverflow logo and for any other SVG background images.
I solved the problem temporary by deinstall and install Chrome again. The next day I had the same problem. Chrome is up to date on version 56.0.2924.87 (64-bit).
I also have the issue that if I hover over an DOM element in the 'Elements' tab in dev-tools, the element is not highlighted on the page. This was also gone after reinstalling but also appeared the next day again.
Any ideas about these issues?

SVG not rendering properly in Firefox

I have a problem with SVG renderring in Firefox. Whilst it works in Safari, Chrome or even in IE, it doesn't work in Firefox. Inspecting the element it seems that the layers are there, but only background is visible as if it's z-index is higher than the z-index of the others.
Rendered in Firefox:
SVG logo in Firefox
Link to the original source file: SVG File
Thanks for your help.
PS: I used Sketch 3 to export the svg. If it helps somehow.
You're experiencing bug 995813.
I fixed this bug some time ago but that change is still making its way through the release process so your example will display correctly from Firefox 31 onwards which will be released on 22 July 2014.
In the meantime if you move the fill="white" from the <mask> element to the child <use> element this will work around the Firefox bug.

Is Kendo UI Dataviz chart supported in IE8?

When I run the Kendo Chart in IE9, everything works fine. But in IE8, the design is not as good as in IE9. Means X-axis and Y-axis value is not displayed properly in IE8.
Thanks...
IE can be very sensitive to the options that map to CSS attributes. For example, font settings must be with valid CSS syntax, otherwise the rendering is aborted.
Please try to exclude any non-essential options from the chart configuration to see if that helps.Please refer this link for further Information
From my experience all chart's basic functionality works properly in IE8. However, to get the width right, sometimes you'll need to set the width when initialising the chart using HtmlAttributes.
Example:
#(Html.Kendo().Chart<MyModel>()
.Name("chart")
.HtmlAttributes(new { Style = "width:400px;" })
.Etc...
)
What Telerik says:
Supported Browsers
Browser Supported versions
Internet Explorer 9 and later
Chrome 21 and later
Firefox 24 and later, ESR
Opera 15 and later
OS X Safari 5 and later
iOS Safari 4 and later
Chrome for Mobile 4 and later
Browsers with limited support
Internet Explorer 6, 7 and 8 are supported with the following
limitations:
PDF export is not supported.
Image export is not supported.
64-bit versions do not support text rotation.
Pie and donut charts don't have gradients
Internet Explorer 10 does not support dashed lines in canvas. This affects the exportImage as well.
Android 2.x will use non-interactive canvas output

Highcharts yAxis text rotation issue in IE8

Hi, I am using the Highcharts library for drawing charts, however I came across an issue with the yAxis in Internet Explorer.
How can be yAxis text displayed correctly rotated in IE8 and IE7 ?
I have the same problem and I figured out that this problem is caused by ie8 emulator. So if you use a native ie8(ie8 from windows xp), will work without problem. On highcharts code there is an method to create css properties, and on this, highcharts create the property for each browser. if ie -ms-transform, if mozilla moz-transform, if web-kit ...
But for browser earlier than ie9 css3 rotate is not supported, so there is a matrix rotate, and this guy(progid:DXImageTransform.Microsoft.Matrix), dont works on ie8- emulator.
Try to run your code on winxp native ie8 and will work.
;D
Based on you're description of the issue, I believe this will help. Note the only workaround is to apply a background color to the label.
https://github.com/highslide-software/highcharts.com/issues/663

FusionCharts labels disappear when using the javascript fallback charts

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.

Resources