Jamie

My feedback

  1. 25 votes
    Vote
    Sign in
    (thinking…)
    Sign in with: Facebook Google
    Signed in as (Sign out)
    You have left! (?) (thinking…)
    12 comments  ·  Highcharts Javascript API  ·  Flag idea as inappropriate…  ·  Admin →
    Jamie commented  · 

    @Larry - do you mean having the histogram rotated horizontally?

    If so, take a look at this SO answer and demo:

    https://stackoverflow.com/questions/35584760/horizontal-bar-and-line-chart-with-highcharts/35589644#35589644

    http://jsfiddle.net/jlbriggs/r2Lvo2dw/

    Jamie commented  · 

    I make histograms with Highcharts frequently: http://jsfiddle.net/jlbriggs/9LGVA/3/
    But you have to pre-process your data.

  2. 9 votes
    Vote
    Sign in
    (thinking…)
    Sign in with: Facebook Google
    Signed in as (Sign out)
    You have left! (?) (thinking…)
    4 comments  ·  Highcharts Javascript API  ·  Flag idea as inappropriate…  ·  Admin →
    Jamie supported this idea  · 
    Jamie commented  · 

    Jon - the value of a beeswarm plot is being able automatically arrange the points in a large data set, to see the distribution of the data. Any data set that you might want to view a distribution of (histogram, boxplot, violin plot, etc) would be fair game for viewing as a beeswarm plot.

    Arranging the x values by hand in that manner is not an viable option in such a case.

    Here is an example dataset pulled from the same package as the link in the request above:
    http://jsfiddle.net/jlbriggs/e7k3ar4o/

    This fiddle is a demo of a technique that generates a histogram for a given data set, that has also been set to return the individual points, stacked within the bins that they fall into (the idea being to show the histogram, but also show how the data actually fits within each bin, which can sometimes give additional insight about the distribution of the data).

    I built this demo a while ago, and it hints at the idea of a beeswarm, but a beeswarm would require much more complexity and flexibility in the layout of the points, with at least some of the configuration options that are listed in the R library linked to in the request, and consideration given to marker radius property, or auto-scaling of marker radius.

  3. 114 votes
    Vote
    Sign in
    (thinking…)
    Sign in with: Facebook Google
    Signed in as (Sign out)
    You have left! (?) (thinking…)
    9 comments  ·  Highcharts Javascript API  ·  Flag idea as inappropriate…  ·  Admin →
    Jamie supported this idea  · 
    Jamie commented  · 

    Hello Henrik, and thanks.

    The allowOverlap feature is a nice start, and may work in many use cases, but when you really need every point label to show, a more complex and intelligent solution is necessary.

    With features like the overflow and crop properties already built in, and recognition of positive/negative values, and the detection that goes into the allowOverlap, Highcharts has done a great job in getting most of the way there :)

    A fully featured positioning system would be a huge benefit to add on top of these features.

    Jamie shared this idea  · 
  4. 89 votes
    Vote
    Sign in
    (thinking…)
    Sign in with: Facebook Google
    Signed in as (Sign out)
    You have left! (?) (thinking…)
    4 comments  ·  Highcharts Javascript API  ·  Flag idea as inappropriate…  ·  Admin →

    As Jamie says, Highcharts already supports this, you just need to loop over datasets and run Series.setData or Point.update for each step.

    But we are currently working on a set of demos to demonstrate this, which will make it easier for you to set up, as you can copy-paste from our samples.

    Jamie commented  · 

    Of course, a motion chart is just a series of charts put together with controls to loop through them. Easy enough to set up, depending on how complex you want the controls to be.

    Build the data arrays for each state of the chart, and use a setInterval loop to update the data or series at whatever speed you want it to play.

  5. 42 votes
    Vote
    Sign in
    (thinking…)
    Sign in with: Facebook Google
    Signed in as (Sign out)
    You have left! (?) (thinking…)
    7 comments  ·  Highcharts Javascript API  ·  Flag idea as inappropriate…  ·  Admin →
    Jamie commented  · 

    Parallel coordinates chart in Highcharts:

    https://jsfiddle.net/jlbriggs/mvgymfw6/embedded/result/

    This does not have the rich features that the library posted by Kai below has - this is just a proof of concept to show that it is perfectly feasible in Highcharts to do a basic parallel coordinates plot.

    Data is the classic 'cars' data set that is often used as the example.

    Jamie commented  · 

    Yes, I understand parallel coordinates :)
    They are still just a line chart.

    The labeling of the vertical gridlines is not anything out of the ordinary. You basically have a categorized x axis.

    At the most extreme, you might need to transform data points to a normalized scale if your different x axis categories each require different y axis scales.

    Jamie commented  · 

    parallel coordinates charts are just line charts...

  6. 541 votes
    Vote
    Sign in
    (thinking…)
    Sign in with: Facebook Google
    Signed in as (Sign out)
    You have left! (?) (thinking…)
    52 comments  ·  Highcharts Javascript API  ·  Flag idea as inappropriate…  ·  Admin →
    Jamie commented  · 

    Looks good Torstein

    Jamie commented  · 

    One thing I am noticing is that if you hide one of the series, the remaining y axis does not adjust accordingly.

    If you hide both series, and then show only one, the axis is scaled appropriately. But once you show both series, and then hide one, the axis retains the scaling for the hidden series, which is counter to highcharts normal behavior.

    Jamie shared this idea  · 
  7. 63 votes
    Vote
    Sign in
    (thinking…)
    Sign in with: Facebook Google
    Signed in as (Sign out)
    You have left! (?) (thinking…)
    10 comments  ·  Highcharts Javascript API  ·  Flag idea as inappropriate…  ·  Admin →
    Jamie commented  · 

    For anyone still looking for ways to set up bullet graphs, I have examples using a couple of different approaches here:

    http://jsfiddle.net/jlbriggs/UGs2E/

    Includes multiple bullets charts in one plot, as individual charts, and as a simplified horizontal gauge version.

    Jamie commented  · 

    Thanks, works great.

    Jamie commented  · 

    Torstein - the method posted below seems to have an issue (and it may have existed in the previous version as well), where the line moves along the y axis in response to the radius, thereby plotting at a completely inaccurate y axis point.

    Is there an easy fix for this problem...?
    Any tips would be appreciated!

    thanks

    Jamie commented  · 

    Thanks Torstein. I had been using a different work around that was slightly more complicated.

    Jamie commented  · 

    My current method of implementation for Bullet Graphs:
    http://jsfiddle.net/jlbriggs/7Drkc/

    It's not too bad for setting up multiples.

  8. 19 votes
    Vote
    Sign in
    (thinking…)
    Sign in with: Facebook Google
    Signed in as (Sign out)
    You have left! (?) (thinking…)
    5 comments  ·  Highcharts Javascript API  ·  Flag idea as inappropriate…  ·  Admin →
    Jamie commented  · 

    A thermometer is just a column measuring a single data point.
    The idea that a chart measuring temperature should include a graphic representation of the reservoir for the liquid in an analog thermometer is a pretty odd one...

    Just for the record :)

  9. 3 votes
    Vote
    Sign in
    (thinking…)
    Sign in with: Facebook Google
    Signed in as (Sign out)
    You have left! (?) (thinking…)
    1 comment  ·  Highcharts Javascript API  ·  Flag idea as inappropriate…  ·  Admin →
    Jamie commented  · 

    Ideally, the minPointLength would not apply to 0 values. What you can do for now, however, is set your 0 value data points to null instead.

  10. 82 votes
    Vote
    Sign in
    (thinking…)
    Sign in with: Facebook Google
    Signed in as (Sign out)
    You have left! (?) (thinking…)
    2 comments  ·  Highcharts Javascript API  ·  Flag idea as inappropriate…  ·  Admin →
    Jamie commented  · 

    Good example of javsascript based pivot tables: https://github.com/nicolaskruchten/pivottable
    That library comes with set up options to include D3 or Google Charts.

    Worth exploring pairing that library with Highcharts.

  11. 81 votes
    Vote
    Sign in
    (thinking…)
    Sign in with: Facebook Google
    Signed in as (Sign out)
    You have left! (?) (thinking…)
    13 comments  ·  Highcharts Javascript API  ·  Flag idea as inappropriate…  ·  Admin →
    Jamie commented  · 

    I have started using a technique as answered here:
    http://stackoverflow.com/questions/16946044/highcharts-tooltip-click-instead-of-hover

    I either disable the tooltip, or I display a limited, fixed position tooltip.

    Then I use the jQuery UI Dialog, fired by a click event on the point, to show a 'full' tooltip. As noted in the first link, Highslide html popups work well for this purpose also.

    Example with jQuery UI Dialog method:

    http://jsfiddle.net/jlbriggs/LHZ3E/embedded/result/

    Jamie commented  · 

    this is a very common question...are there any tips on implementing this ourselves?

  12. 7 votes
    Vote
    Sign in
    (thinking…)
    Sign in with: Facebook Google
    Signed in as (Sign out)
    You have left! (?) (thinking…)
    9 comments  ·  Highcharts Javascript API  ·  Flag idea as inappropriate…  ·  Admin →
    Jamie commented  · 

    "Could not connect: Access denied for user 'highcharts'@'ec2-54-221-87-5.compute-1.amazonaws.com' (using password: YES)"

    can't get to the plugin...

    Jamie commented  · 

    Just to clarify, this issue seems to be about grouping rather than stacking.
    I had a very hard time figuring out what you were asking for until I realized that...

  13. 105 votes
    Vote
    Sign in
    (thinking…)
    Sign in with: Facebook Google
    Signed in as (Sign out)
    You have left! (?) (thinking…)
    11 comments  ·  Highcharts Javascript API  ·  Flag idea as inappropriate…  ·  Admin →
    Jamie commented  · 

    this, or at least some built in functionality for toggling visibility of plotlines, plotbands, and their labels would be incredibly useful.

    would help eliminate problems like this case:
    http://stackoverflow.com/questions/15012633/highcharts-issue-with-showing-and-hiding-plot-lines-and-bands-on-legenditemcli

  14. 164 votes
    Vote
    Sign in
    (thinking…)
    Sign in with: Facebook Google
    Signed in as (Sign out)
    You have left! (?) (thinking…)
    started  ·  27 comments  ·  Highcharts Javascript API  ·  Flag idea as inappropriate…  ·  Admin →
    Jamie commented  · 

    That's pretty nice Torstein.

    One thing that I think would make it even better is if you could click on the legend title to collapse/expand the body of the legend, so that it could be hidden away.

  15. 1 vote
    Vote
    Sign in
    (thinking…)
    Sign in with: Facebook Google
    Signed in as (Sign out)
    You have left! (?) (thinking…)
    2 comments  ·  Highcharts Javascript API  ·  Flag idea as inappropriate…  ·  Admin →
    Jamie commented  · 

    Or use the renderer function:
    http://jsfiddle.net/jlbriggs/4FrGG/4/

  16. 1 vote
    Vote
    Sign in
    (thinking…)
    Sign in with: Facebook Google
    Signed in as (Sign out)
    You have left! (?) (thinking…)
    1 comment  ·  Highcharts Javascript API  ·  Flag idea as inappropriate…  ·  Admin →
    Jamie commented  · 

    Just sort your data accordingly...

    Though a bar chart is better for such a display anyway.

  17. 17 votes
    Vote
    Sign in
    (thinking…)
    Sign in with: Facebook Google
    Signed in as (Sign out)
    You have left! (?) (thinking…)
    12 comments  ·  Highcharts Javascript API  ·  Flag idea as inappropriate…  ·  Admin →
    Jamie commented  · 

    This would be a very useful feature.

    It could be implemented as a 'dim' property, similar to the 'highlight' property.
    Being able to set as a general percentage, or as a specific color would be very useful.

    For example, setting all other series to grey when highlighting one series is very handy.

    Jamie supported this idea  · 
  18. 4 votes
    Vote
    Sign in
    (thinking…)
    Sign in with: Facebook Google
    Signed in as (Sign out)
    You have left! (?) (thinking…)
    1 comment  ·  Highcharts Javascript API  ·  Flag idea as inappropriate…  ·  Admin →
    Jamie commented  · 

    It's easy enough to calculate this yourself and add a series for the projected line.

    Almost easier than if you had to set options in the chart for it to handle it for you...

  19. 1 vote
    Vote
    Sign in
    (thinking…)
    Sign in with: Facebook Google
    Signed in as (Sign out)
    You have left! (?) (thinking…)
    1 comment  ·  Highcharts Javascript API  ·  Flag idea as inappropriate…  ·  Admin →
    Jamie commented  · 
  20. 4 votes
    Vote
    Sign in
    (thinking…)
    Sign in with: Facebook Google
    Signed in as (Sign out)
    You have left! (?) (thinking…)
    1 comment  ·  Highcharts Javascript API  ·  Flag idea as inappropriate…  ·  Admin →
    Jamie commented  · 
← Previous 1

Feedback and Knowledge Base