I have a chart very similar to this demo:
http://www.highcharts.com/maps/demo/data-class-two-ranges
If you do a print preview/print in Chrome (Latest Version 46.0.2490.80 m) you will see that Kentucky is white instead of red.
I've tested it in IE and Edge (latest versions) and Kentucky is colored red like it's supposed to be.
Here is my chart with the same issue as Highmaps demo:
http://run.plnkr.co/aVxwOTRBvzU8F28j/
Has anyone else encountered this or have a solution? Is this an issue with Chrome or Highmaps?
Thank you for feeback, looks like a bug. I reported that in our bugtracker here:
- https://github.com/highslide-software/highcharts.com/issues/4715
Related
I have a series of highcharts graphs in an app. Newest graph we add was a scatter type chart.
Unfortunately its markers are not matching up with legend symbols. Please find an attachment showing the issue.
I am unable to reproduce this in a separate file as it works fine when I do that. I have example of how it behaves within the application.
We are using highcharts 9.0.1 version
any help is really appreciated.
None of my charts are printing in IE7 and also IE9 in document mode 7 or 8.
The text(axis titles, axis labels, legend labels) comes up but the chart itself and the legend symbols do not.
I did try to search a lot and saw a few posts suggesting issues with document modes but the chart not printing in a simple IE7 browser seems strange. I do need to support printing for my sites users!
Any pointers would be great.
I'm trying to fill gradient color in my charts, with the sample code in the demo "http://www.highcharts.com/demo/pie-gradient". And then I found in line charts' legend, the line part of the symbol disappeared, while the markers were still visible. If I disable the markers, then there is nothing left.
Here is an example based on the code of a line chart demo: http://jsfiddle.net/TCbE3/
enter code here
I'm using Highcharts 3.0.1, with both latest FireFox and Chrome, and this problem occurs in both.
Any ideas how to fix this problem?
I have several highcharts graphs set up and have recently noticed that I'm unable to click on legend entries to show/hide their associated series in Firefox. This works fine in Chrome and Safari so it seems like this is a browser-related issue.
I've noticed that the highcharts demoes do not have this problem, so it must be something I'm doing in my implementation but I'm having a very difficult time figuring it out. What is it that Firefox does differently that could cause this sort of problem with highcharts?
Point of interest: if I set the chart's useHtml parameter to true, the legend entries become clickable. This is not a solution however because it breaks a bunch of other stuff.
Thanks!
I had a similar problem, in which points in line graphs were not clickable in Firefox (but they were clickable in Chrome). Turned out that Firefox places the dataLabels on top of the graph points.
Solved it with:
plotOptions: {
series: {
dataLabels: {
zIndex: 2
See also:
http://api.highcharts.com/highcharts#plotOptions.series.dataLabels
I solved this problem, which happened for me in Firefox, Chrome, and Safari, but not in IE9.
I found out the problem is CSS related. My page has 2 "boxes"; left and right. My Vaadin pie chart is sitting on the right box. On the left box I have a html <H1> tag that has width overflow to the right box (width: 900px) which covers part of the pie chart. As a result some rectangular area is not clickable. This can easily be fixed by using the Firefox Firebug tool to inspect the CSS. I hope this saves you the hours I spent to install the latest vaadin chart library; debug the codes, etc.
I am working on a simple chart with Highcharts on ExtJS 3.* version. I am using this simple example on jsfiddle. I don't want to render this chart to a div element. I want to put this in a Ext.Panel but when I tried it gives error. How can I do without chart's renderToproperty.
As #Sebastian Bochan stated highcharts.com/download solved my problem.