Highcharts container selection issue on Nexus 7 (4.2.1) - javascript

On the nexus 7 when I run a simple Highcharts example, I have the following issue -:
When I touch any area of the chart, the entire chart gets selected (a blue selection color fills the entire chart) shown below.
This issue does not happen when I try it on any other device (such as the Nexus 4).
Also, when I try accessing the highcharts demos from demo , the same issue reappears. This is what leads me to believe it has nothing to do with my source code, but has more to do with the device itself.
Does anyone else face this issue? If so, any advice in fixing this issue would be appreciated.

I tested examples in Nexus 7 device but and all works properly
http://jsfiddle.net/zn6FM/show/
Do you have the newest Chrome or you use other browser? Have you tried to update to Android 4.2.2 ?

Related

Tabulator select rows range with shift not working

I have a tabulator table with selectable:true, in its definition. However there is a problem: Holding the shift button down and dragging does NOT select multiple rows. I tried with: selectableRangeMode:"click" and/or selectableRollingSelection:true, without any effect. Note that I style the even/odd rows via CSS: .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row.tabulator-row-odd{... if that has any effect. Please help. Thanks.
Not working for me in Firefox either. I am using Firefox Quantum v64.0.2 (64-bit) on Linux.
There also seems to be a GitHub Issue already for this: https://github.com/olifolkerd/tabulator/issues/1803
The developer is very responsive and hopes to have a fix in a future build. He alludes to it being a Firefox issue for which someone filed a Firefox bug report and he also suggests click functionality to be the most consistent experience.

OpenLayers (2.13.1) zoom/pan has stopped working

I have a legacy product which utilises an older version of OpenLayers (specifically 2.13.1 - I had it on a sversion 2.12 originally and upgraded to 2.13.1 to see if it rectified my problem - it didn't).
The problem is that recently, without any code changes having been made, the zoom in/out and drag-panning do not work - the map just stays where it is, zoomed in at the initial level.
I can see that whenever the zoom or pan controls are triggered, a request is made to a Google Maps URL (e.g. http://maps.googleapis.com/maps/api/js/StaticMapService.GetMapImage?1m2&1i524027&2i524088&2e2&3u12&4m2&1u523&2u400&5m5&1e3&5sen-US&6sus&10b1&12b1&token=39368)
However I can also see that this just returns a blank, black image.
I can find no sign of this functionality having been deprecated and I'd really like to avoid the inherent time cost of upgrading to version 3 on a legacy application.
Any ideas? Any help would be much appreciated.

High Chart Legends rotation not working on IE 10,11 when select document mode 8

Rotation is working fine if we select edge mode of Internet Explorer 10 or 11 as shown in image
taken from High Chart Demo Charts While if we select Document mode 8 in IE 10 or IE 11 the rotation is not working as shown in image
I have analysed the same the Filter rotation properties are not working fine afterwards IE 10 and found a solution that its working fine if we Enable the Render legacy filters as shown in
But this will fix the problem for only one system. We need to solve the issue without select this option on individual system
Please suggest some solution
It is known bug, reported here https://github.com/highslide-software/highcharts.com/issues/1711

Highcharts "stemWidth" not working with FF

I needed to create a error bar style chart with HighCharts. The issue is, I want to remove the connecting verticle line(stem) to error points (whiskers).
Following is the code I used in errorbar section.
stemWidth: -1,
whiskerLength: 150
Following is a modified example from HighCharts examples to accomplish my requirement.
http://jsfiddle.net/ry8qw/2/
This is working fine with Chrome. But not working with the FireFox (Version 20.0.1). I'm running the latest available FF version.
Are there any workarounds for this issue ?
Thank You
Indeed it looks like a issue, so I've reported to our developers here:https://github.com/highslide-software/highcharts.com/issues/1833
But you can use small workaround, iterate in each errorbar and change strike width by svg attribute.
http://jsfiddle.net/ry8qw/6/
$.each(chart.series[1].data,function(i,data){
data.stem.attr({
"stroke-width":0
})
});

Chrome highcharts SVG rendering issue

I just observed an abnormal behavior in chrome: I use highcharts pie graph and visualize some data. Although each pie slice has different colors, it shows some slices in black. I suspect it is related generated svg graph. Please examine the pictures taken from chrome and firefox *****.
Any help, suggestion, workaround would be appreciated.
(source: i.imm.io)
(source: i.imm.io)
*Using Win 7 64 bit
Chrome version 20.0.1132.47 m
Mozilla version 13.0.1
Alright guys I found the problem which is in my code. But I learnt something: If you assign color attribute to an element, Firefox doesn't check if it has # symbol in the beginning but Chrome checks. Therefore, color:343434 fails in Chrome but not in Firefox.

Categories

Resources