I have read https://stackoverflow.com/questions/23688459/highstock-two-flags-ond-the-same-xaxis-and-overlapping.
However,my chart has 5 series, after setting stackDistance=40 and onSeries: undefined , the flags that have the same date still are overlapping, Is any solutions?
I my also having same issue when multiple series .
Try deducing some formula to detect the overlap and then increase or decrease the Y axis value of the flag to prevent overlap .
Similar issue posted by me on HighChart forum .
http://forum.highcharts.com/highstock-usage/flags-stack-distance-not-working-t32157/
Also i have raised this for enhancement with the highchart team. You can follow this here.
http://highcharts.uservoice.com/forums/55896-highcharts-javascript-api/suggestions/7303396-prevent-flags-overlap
Related
Earlier, I asked how to create "spectra" charts in Vaadin (see How to create a "spectrum" chart using Vaadin 14+). It turned out that one didn't actually need to create barcharts -- the only real need seemed to be to set the pointwidth to 1. (This solved the "very wide" widths lines when zooming.)
HOWEVER: I think there's a bug in vaadin charts when one has more than 1 series presents and when one zooms: the line moves to an inccorrect position on the x-axis (or the x-axis is no longer placed correctly.) Any thoughts on how to resolve? Here are two screenshots showing the problem. In the first one, only ONE series is visible and the line is at the correct x-axis point of ~598.36. In the second screenshot, though, (where the only change I have made is to enable the 2nd series), the line moves to an INCORRECT x-axis coordinate (it seems like it's ~598.25!!!).
One theory I have is that adding the second series somehow confuses the chart from determining the correct x-axes....maybe because each series has it's own x axis logic in some way? Not sure....(I'm using Vaadin 14 and I tested this both in my dev env and on production.)
Hi I am trying to implement line chart. Chart having following features:
=> it has scrollable features.
=> it should be zoomable.
chart should be zoomable like that
if x axis having value week1 week2 so on ... and if zoom the graph it become scrollable and value of x axis becomes 1,2,3,4,5,6 . values becomes 1,2,3.... on the tapped places.
=> and also i want to show x and y value of tapped point.
I trying to google a lot but unable to Find such library where I got exact Solution of my problem. I have invested more than two days.
Any buddy found right solution of my problem please guide me. Thanks
Have you looked at Core Plot? It can do what you want. It includes several example apps to get you started. If you have specific questions, ask them here on StackOverflow and use the core-plot tag.
I have got a couple of problems with highcharts, I am using a heat map.
The subtitle is covered by the chart, how could I solve that?.
How could I set a max length for each cell? When I have got just a few elements it is really big.
I dont want to show any colour in the background.
I dont want to show the values of the cells.
1) Looks like possibly bug, reported here: https://github.com/highslide-software/highcharts.com/issues/3255
2) have you tried to use max parametr on axis? http://jsfiddle.net/kJpS6/3/
3) See the option http://jsfiddle.net/kJpS6/2/
4) You can disable it by xAxis labels
In a candlestick graph i am building, the latest bar is cut-off partially such that even the bar is not visible. Thus it's difficult to judge the high and low by seeing the bar.
I'm unable to post a pic now but it's like the last rectangle being cut in half.
I'm tried a lot of options in the api but can't figure out why this is not showing correctly. The chart margin and axis offset options havent' helped. Is there a way i can set the series margin from the plot area so that it displays right.
For this problem, the best solution is to insert a dummy series which should be hidden from every aspect of the chart. So try this, insert a dummy series from the last point of the data series to some extra buffer(as per need). Then remove this series from the chart by explicitly removing it from the legends (using showinlegend),chart(setting linewidth to 0) and from tooltip by having a check in formatter. Hope this solves your problem.
I had the same problem and couldn't figure it out, because no matter how I changed the xAxis.maxPadding or changed the xAxis.max, it would always cut off the last candlestick when I clicked on the range selector.
To solve it, (hack) I just added an extra data point in my series and set it 1 day past the last day and set all values to null.
Without any code or a pic, it's hard to tell the problem, but it sounds like you need to use the max padding option. http://api.highcharts.com/highcharts#xAxis.maxPadding. You may also want to look at endOnTick as well as whether you are setting max on the axis.
I am using a Highcharts Stock graph to show a percentage with respect to time.
http://jsfiddle.net/michaelchart/yYmPR/1/
At certain zoom levels (in this case, when zooming to a timespan of between about 6 and 12 years) the plot strangely turns from a line to sporadic points.
Any ideas as to why this might be? Or is it a bug with Highstock?
You can see an example of a working Highstock graph here http://www.highcharts.com/stock/demo/basic-line.
After posting on the Highstock forum and consequently having an issue posted on github, I found that it was because of the default value of the gapSize option. According to the docs;
gapSize : Number
Defines when to display a gap in the graph. A gap size of 5 means that if the distance between two points is greater than five times that of the two closest points, the graph will be broken.
In practice, this option is most often used to visualize gaps in time series. In a stock chart, intraday data is available for daytime hours, while gaps will appear in nights and weekends.
Defaults to 5.
Setting gapSize to null fixes the problem.
In my particular case, the reason of this problem was bad data output.
Within "series" property, within the "data" array there was a "false" value.
Example:
series : {
"type":"column",
"name":"Test",
"data":[541,784,false,251,353]
}
Corrected the problem in the backend so "false" was interpreted as 0, and everything works now.