boxplot chart
Completed as of Highcharts 3.0
-
@Anonymous. Yes, that shouldn't be a problem.
-
Anonymous commented
Is it possible to use boxplot in stock chart?
-
Matthew commented
never mind my previous question, I understand the array format now. So now to my next question. I want to supply my own time stamp so that when I zoom in and out, the xaxis label will scale automatically. can you show me how I can use below code so that I can supply the series[] data as shown? I tried doing this with setting xAxis with categories, but when I zoom in and out or if the data points are big, the x axis label is always displayed for each points which is not so good when you have 1000 points.
xAxis: {
//minRange: 3600 * 1000, // one hour
maxZoom: 3600,
type: 'datetime',
dateTimeLabelFormats: {minute: '%I:%M %p',
hour: '%I:%M %p',
day: '%e. %b',
week: '%e. %b',
month: '%b \'%y',
year: '%Y'
},
title: {
text: null
}
},series: [
{
name: 'Box plot',
type: 'line',
pointInterval: 24 * 3600,
pointStart: Date.UTC(2013,3,15,11,1),
data: [[1363345320303,0, 1, 2.5, 3, 6],
[1363345380303,1, 2, 3, 4, 5],
{time:1363345440303, low: 2, q1: 3, median: 4, q3: 5, high: 6 }]
}] -
Matthew commented
I am very new to highchart, can you give me an example where the data is passed as array? because I thought I was passing arrays but maybe the format is different than what you are talking about?
If you can direct me to an example site where it uses array that would be great! Thanks again.
The link here show great example http://www.highcharts.com/studies/performance.php?seriesType=line&chartCount=1&seriesPerChart=1&pointsPerSeries=4000&chartWidth=1000&libSource=http%3A%2F%2Fcode.highcharts.com%2F2.2%2Fhighcharts.jsI pick 4000 data points for line chart and the performance is acceptable. Is this example passing the data by array and that is why it is faster better than setting the truboThreshold to max?
-
@David Heinzerling: We need to consider whether to tie the outliers more tightly to the box plot, instead of just using a secondary scatter series. Anyway, for now, the center of the grouped box is a function of the groupPadding. If the groupPadding is zero, the groups will be laid out evenly, so if you have two groups, their centers would be at 0.25 and 0.75.
-
@Matthew: Instead of raising the turboThreshold, consider serving your data as arrays in the first place. If that's not an option, you can set the turboThreshold to Number.MAX_VALUE. The performance is limited by the browser. Modern browsers should handle thousands of points without a problem, while old IE could have problems with that.
-
Matthew commented
thank you Torstein, I'll give that a try, but how can I set this number dynamically? I mean I guess I can set it to some really high number like 1,000,000 but then I wonder how the performance is going to be. do you know if this box chart has limits as to how much data points it can handle? If so how do you handle with large data set?
-
-
David Heinzerling commented
I noticed that grouping works now, but I'm not sure how to properly group the outliers. What is the algorithm for the position of the boxplots when multiple are shown per category. e.g. if each boxplot in a category had an outlier of value 10, then to show those outliers (for the first category), it would be something like [[-0.25,10],[.25,10]]--but not sure how to appropriately pick the x-value according to the number of boxplots shown per category
-
Matthew commented
how come if I add more than 999 data points it stops rendering the box chart? Any work around to draw more data points?
-
Roopak commented
Hi Torstein,
Any idea when is Boxplot going to be released in production...
Thanks,
Roopak -
Oly commented
Brilliant, thanks. Loving these charts! :)
-
Thanks for your feedback!
It has already been fixed in the latest development code: http://jsfiddle.net/highcharts/UTg2h/3/
-
Oly commented
Hi Torstein,
there are display issues when there is only a single boxplot: http://jsfiddle.net/olymccollum/UTg2h/2/
Has no width in Chrome, full width in IE9.
But it works fine when referencing a previous version: http://jsfiddle.net/olymccollum/UTg2h/1/
-
Roopak commented
Nevermind, I think I figured it out. But thanks for all the help. Appreciate it :)
-
Roopak commented
@Torstein: Thanks a bunch for the guidance. I am a new bee in highcharts and Javascripts still learning everyday. I was able to do what i wanted to. However, the issue that I'm facing is to adjust the red dot on the chart as per the user input: http://jsfiddle.net/emfXj/19/
Any assistance will be highly appreciated.
-
@Roopak: Just like any other chart, use Series.addPoint, Point.update and Point.remove: http://jsfiddle.net/highcharts/Rferf/110/
-
Roopak commented
This is awesome, Box Plot was something that was missing.
@Torstein Hønsi: I want to use Box Plot with live data, however, I'm not able to do that. Would you please share some ideas on how to do that.
-
Pascal commented
Subscribe.
-
Yes, we'll have the Beta out any day now, and expect the GA not too long after that.