I'm trying to figure out how to calculate which data indices (along x axis) are in range after panning/zooming the chart.
For example, when I zoom in on my linechart, I want to be able to update a tableview to only show the details for the data points that are visible.
I've searched the code and documentation i can find, to no avail.
There is highestVisibleXIndex and lowestVisibleXIndex should help you. I hope I would see your issue earlier, just another weekend not on SO
Related
I have integrated a line chart in my project using Charts library and have been using it for a while now. It was working fine with few data points, however as the number of data have been increased since then the point labels (x-axis) are overlapping with each other. Is there a way to display the data-point labels without getting overlapped?
you can solve this issue using labelCount property. also, you can set using setLabelCount property, I hope this helps you.
xAxis.labelCount = 5
xAxis.setLabelCount(5, force: true)
See this post for more info: https://github.com/danielgindi/Charts/issues/1969
I was not able to find how to increase the gap between two labels on x-axis (top) however I have managed to improve the issue a little by displaying them vertically so that they are at-least visible on chart.
lineChartView.xAxis.labelRotationAngle = 270
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
So i'm building a scatter chart that display some points in a row, basically showing a gap in time someone screwed up. For some reason when i get ALOT of data points the graph just loads nothing and i'm not sure why. But if i reduce the points it will load.
I sadly cant past the code here, its to large. But i set up a simple page where you can see it
http://beta.sc2replaystats.com/highchart_test.php
Any help would be greatly appreciated.
Look at the turboThreshold property:
http://api.highcharts.com/highcharts#plotOptions.series.turboThreshold
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.