I'm stumped by a highcharts+ie7 problem. For some reason, my legend shows up in the middle of the chart (see below). It looks fine in FF, Chrome, and newer versions of IE.
When I change verticalAlign to 'top', the legend moves nicely to the top, but resetting verticalAlign: 'bottom' puts me back in the middle. Any Thoughts?
See image:
Related
when I drag highchart and pull the chart to right ,I can not reach to left corner of chart
like this image below
always remain space between navigator and the left arrow
here is fiddle http://jsfiddle.net/ne1xwc2n/
I set ordinal:false in xAsix and the problem was resolve
We are facing an issue while implementing the legend bar in highcharts. The legend bar is scrollable with multiple legend items. Only few graphs/series are highlighted on the chart and rest are all invisible. So if there are 20 items in legend bar and only the last item is highlighted, when the chart is first accessed on browser it appears as if none of the items are highlighted as the legend would display first page by default. The highlighted item in legend would be accessible only after user scrolls to next page of the legend. Instead we would like the legend bar also to be autofocussed to that screen where there is first highlighted item.
Would this be possible
Thanks in advance!!
There is no official way to do it, but you have two options:
make sure visible series come always as first (just sort them before chart is created)
use built-in function to scroll legend using chart.legend.scroll(pageIndex, animation);
When mouse over out the left border of chart, there is still a bar to show, why?
First picture there is a bar outside of the chart. It looks strange:
Second picture is the real first bar:
I want this behavior: When mouse at outside of chart I don't want to show any bar.
Can anyone help? Thanks.
Unfortunately tt is not possible, you can only disable mousetracking or hover option.
http://api.highcharts.com/highstock#plotOptions.series.states.hover
I am hoping one of you CSS gurus can help me pinpoint why my code isn't working! Here's my site:
http://ledvideowall.net
When the browser window is > 600 pixels, the "CALL US" menu item is floating right and vertically centered in the menu bar. (on FireFox and Chrome)
But, when the browser < 600 pixels, the menu item no longer floats right. And, on Chrome and iOS devices, the menu item is placed vertically below the menu bar. (very difficult to see!)
Any ideas?
add width:100% to .nav-menu in css file.
Well I am not getting this issue. However,
You should not be including that in the same ul. Instead, you should make a separate div and float that to the right (float:right;), and put the actual menu separately floated to the left (float:left;).
p.s. DO NOT add width: 100% to .nav-menu. This only resolves a symptom not the main problem.
I have a bunch of controls that start off hidden. When the Options button is clicked, the controls are displayed in a drop down box with a border. On Chrome, when the box is expanded, it looks like the left hand border is pushing the right hand border out of alignment with the button.
The drop down look like this:
See http://jsfiddle.net/Qs2zp/ for the code for this example.
If I remove the left hand border, the right hand border falls into place
See http://jsfiddle.net/Qs2zp/1/ for the example without the left hand border.
I am not able to reproduce this problem in Firefox or IE.
Has anyone else ever seen anything like this before?
Thanks
Is this acceptable? The CSS I added is in #controls-title and .options-dropdown-expanded. I basically set a left padding on the title bar that gets removed when the dropdown is expanded so that the left border doesn't shift the title bar to the right when it appears. I also set a -2px right margin when the dropdown is expanded so that the right border pops in rather than jutting out.