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
Related
I have a large heatmap. I am using boost.js.
Everything works properly, but...when I insert data labels, browser freezes.
One possible way to deal with this, is to show data labels only after zoom. If the selected area contains a maximum of 100 points, then insert data labels.
I struggled to build this condition, but I failed.
Here is the fiddle: Fiddle Large Heatmap
When numOfPeriods is large enough (>10 e.g.), browser freezes. But, if numOfPeriods is large and the plotOptions session and dataLabels settings are commented, everything works fine.
Then, I kindly ask any help to show point labels when the selected area after zooming contains 100 point or less.
Thanks in advance.
I have a problem with aligning the SVG component DataPointCircle inside the Victory Scatter Graph.
My main problem is not how it looks but how it acts.
the tooltip and the VictoryVoronoiContainer is acting weird when hovered over the data circles.
When the data circle is hovered it sometimes shows the tooltip sometimes not!, this is more clear on the last data point.
Since I had to do this x={x - 10} y={y - 10} to properly align the data points, I thought that maybe it is causing a distortion.
I need the tooltip and VictoryVoronoiContainer to act normal. I'm 100% if it is an aligning problem or if I need to do something else, suggestions would be lovely!.
Thanks in advance.
Here is a SandBox
https://codesandbox.io/s/YED2ql2mK
The answer was posted in github:
Yes, that [manually add offset props x={x - 10} y={y - 10}] would definitely be causing the issue. VictoryVoronoiContainer calculates the positions of all of your data points. If you move the points around manually, the triggers will no longer match up. I don't think this is something I can fix at the library level. It might be better to add the tooltips directly to VictoryScatter so that they will be attached to your custom point components regardless of how you you manually position them
https://github.com/FormidableLabs/victory/issues/695
2nd EDITION:
I'm re-frasing the question in hope to be more clear.
I have a data series like:
[ [-3,30], [-2,40], [1,50], [3,60], [2,50], [-1,40], [-4,30] ]
I need Highcharts to plot it in a graphic like a line. Highcharts gives the error 15 because the series is not sorted.
Problem is that the series cannot be sorted because it would falsify the data output. The examples on the pictures and the fiddle show the expected result and what happens if the series get sorted (a blurred plot):
Result expected
Result from sorting data
fiddle plot in my comment (can't attach the link here)
I tried spline and area but both give the error 15.
I tried polygon that avoids the error 15 but it plots a filled area and I cannot get only the borders.
Is there a way to work around this?
Just got a solution from the Highcharts forum, by Izothep (big thanks for him):
with scatter http://jsfiddle.net/izothep/pfddg2je/17/
with polygon http://jsfiddle.net/izothep/45v6xefb/1/
Sorry but I don't have the rights yet to post the fiddle links directly.
If you have more than one series you can, for instance, loop through the Highcharts.getOptions().colors[ i ], were i is the series number, and set it on the lineColor and the color on the called 'fake' on the presented solutions.
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
Is this possible, in a clean manner? The 5 charts will all be displaying at once and the drilldown behavior will have to be ironed out, as to when one pie chart is clicked (drilled down into), the other ones' should drill down as well, given all the data is relative.
Has anyone gotten this deep into Highcharts and know if this is possible/how well it works speedwise?
Thanks.