is it possible to achieve this? I need to draw a spline/line over Category-Subcategory on X-axis.
highcharts-grouped-data-in-subgroup This link solved my Category-SubCateogry series on X-axis on HighCharts.
now, I want to draw spline(Line) on same graph wrt to category i.e Agg1 & Agg2 as shown in diagram but when I tried draw line on graph it get plot wrt (Data1 Data2) (Data1 Data2 Data3).........i.e get plot wrt SubCateogy not by Category
If such example is exists please share.
Related
I have previously used core plot and jawbone line chart view but now I want grid (background) on graph.
I wanna make exactly like above image any help would be appreciated and also please be specific while posting some third party libs and all.
How can I achieve the above graph (if selected dot/value to show callout) with callout?
Note- In X- axis (dates) and Y- axis (values) are there.
Edit 1:
Is it possible to achieve in core plot? If Yes, How and please be specific.
Thanks in advance.
You can use a plot space annotation to label the callouts. A simple rounded rectangle shape for the labels is easy—set the fill, borderLineStyle, and cornerRadius of the Core Plot text layer used for the annotation. If you need the little arrow on the side of the annotation, you should be able to draw that by using a stretchable image for the fill.
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.
Is it possible to change the plot line from some specific point. One way around is to create two series and plot them on chart them. But we want to change the plot lines from specific point without using two series.
I'm trying to create an 'average' point in a scatter chart that when clicked, will expand to show the 'component' points, similar to how Hans Roslings 'Gapminder' application does to provide more detail from aggregate/container points.
Is this something that Highcharts can do?
We are currently using HighCharts for our typical bar, pie, line charts. But, we have been asked to plot some medical data that would end up resembling an irregular loop.
If I have an array of x,y points, would it be possible for me to draw this sort of graph with HighCharts? And, if so, can you point me to the right section of the documentation. I see that drawing things like rectangles and circles is possible, but I haven't found any info on drawing lines between arbitrary points.
I can see only three ways to achieve that, and none of them is easy, and have some limitations:
1) Use spline series with unsorted data - looks almost good, only tooltip doesn't work for unsorted data
2) Use scatter series with unsorted data - issue with tooltip is gone, but curves aren't smooth
3) Use renderer.path - doesn't have tooltip at all, and requires to add path manually.
And example of all three: http://jsfiddle.net/kEu3w/