Settings and activity

  1. 17 votes
    Vote

    We're glad you're here

    Please sign in to leave feedback

    Signed in as (Sign out)
    You have left! (?) (thinking…)
    12 comments  ·  Highcharts Javascript API  ·  Flag idea as inappropriate…  ·  Admin →
    An error occurred while saving the comment
    AdminTorstein Hønsi (CPO, Founder, Highcharts JS) commented  · 

    @Anonymous The plugin works for all-line charts too: http://jsfiddle.net/Ha3Wr/57/

    An error occurred while saving the comment
    AdminTorstein Hønsi (CPO, Founder, Highcharts JS) commented  · 

    @Ke Zhao I updated the plugin to work also with pies. Please reload the jsFiddle now.

    An error occurred while saving the comment
    AdminTorstein Hønsi (CPO, Founder, Highcharts JS) commented  · 
  2. 1 vote
    Vote

    We're glad you're here

    Please sign in to leave feedback

    Signed in as (Sign out)
    You have left! (?) (thinking…)
    6 comments  ·  Highcharts Javascript API  ·  Flag idea as inappropriate…  ·  Admin →
    An error occurred while saving the comment
    AdminTorstein Hønsi (CPO, Founder, Highcharts JS) commented  · 

    Great, I'm happy to hear you figured it out! If you can share it in jsFiddle it would be nice.

    An error occurred while saving the comment
    AdminTorstein Hønsi (CPO, Founder, Highcharts JS) commented  · 

    Not yet sure I grasp it fully, but maybe we can make it work somehow by using different axes? For example, we can use two y axes and/or two X axes and plot each waterfall series to different places.

    An error occurred while saving the comment
    AdminTorstein Hønsi (CPO, Founder, Highcharts JS) commented  · 

    Thanks for your suggestion! Do you have a sketch or a screenshot of what you have in mind?

  3. 34 votes
    Vote

    We're glad you're here

    Please sign in to leave feedback

    Signed in as (Sign out)
    You have left! (?) (thinking…)
    3 comments  ·  Highcharts Javascript API  ·  Flag idea as inappropriate…  ·  Admin →

    Hi, this feature is prevented in two places, because there were problems with text being selected when trying to zoom in. See https://github.com/highcharts/highcharts/issues/3224.

    If you want to enable text selection, there are two lines where the event handling is prevented. If you comment out both these lines, your users can select text:

    - https://github.com/highcharts/highcharts/blob/v5.0.14/js/parts/Pointer.js#L756
    - https://github.com/highcharts/highcharts/blob/v5.0.14/js/parts/Pointer.js#L813

    An error occurred while saving the comment
    AdminTorstein Hønsi (CPO, Founder, Highcharts JS) commented  · 

    It works for me. I've updated the links in the status with the correct locations in v5.0.14.

  4. 10 votes
    Vote

    We're glad you're here

    Please sign in to leave feedback

    Signed in as (Sign out)
    You have left! (?) (thinking…)
    4 comments  ·  Highcharts Javascript API  ·  Flag idea as inappropriate…  ·  Admin →
    An error occurred while saving the comment
    AdminTorstein Hønsi (CPO, Founder, Highcharts JS) commented  · 

    Thanks for your contribution!

  5. 3 votes
    Vote

    We're glad you're here

    Please sign in to leave feedback

    Signed in as (Sign out)
    You have left! (?) (thinking…)
    4 comments  ·  Highcharts Javascript API  ·  Flag idea as inappropriate…  ·  Admin →
    An error occurred while saving the comment
    AdminTorstein Hønsi (CPO, Founder, Highcharts JS) commented  · 

    Seems like null, null doesn't work, so you can use xAxis.dataMax:

    Demo: http://jsfiddle.net/highcharts/kUSyF/637/

  6. 21 votes
    Vote

    We're glad you're here

    Please sign in to leave feedback

    Signed in as (Sign out)
    You have left! (?) (thinking…)
    12 comments  ·  Highcharts Javascript API  ·  Flag idea as inappropriate…  ·  Admin →
    An error occurred while saving the comment
    AdminTorstein Hønsi (CPO, Founder, Highcharts JS) commented  · 

    Hi Michael, I've updated the snippet to a more general approach that looks at the label's actual position. Now it also works with polar. You may want to adjust the exact positions though: http://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/studies/axis-label-images/

    An error occurred while saving the comment
    AdminTorstein Hønsi (CPO, Founder, Highcharts JS) commented  · 

    @sahba: It looks like the original fiddle got lost, so I created a new one. Let me know if you have any problems with it, we will keep the snippet updated.

    An error occurred while saving the comment
    AdminTorstein Hønsi (CPO, Founder, Highcharts JS) commented  · 

    It seems to work when you add a valid CSS width, '150px': http://jsfiddle.net/highcharts/LJbPT/3/

  7. 28 votes
    Vote

    We're glad you're here

    Please sign in to leave feedback

    Signed in as (Sign out)
    You have left! (?) (thinking…)
    4 comments  ·  Highcharts Javascript API  ·  Flag idea as inappropriate…  ·  Admin →
    An error occurred while saving the comment
    AdminTorstein Hønsi (CPO, Founder, Highcharts JS) commented  · 

    In that case we need to look at the next valid value instead of the last. Here's a modified version of the plugin where we look both up and down and interpolate if both values are present: http://jsfiddle.net/highcharts/FKSZ6/

  8. 11 votes
    Vote

    We're glad you're here

    Please sign in to leave feedback

    Signed in as (Sign out)
    You have left! (?) (thinking…)
    6 comments  ·  Highcharts Javascript API  ·  Flag idea as inappropriate…  ·  Admin →
    An error occurred while saving the comment
    AdminTorstein Hønsi (CPO, Founder, Highcharts JS) commented  · 

    You still need the plugin.

    An error occurred while saving the comment
    AdminTorstein Hønsi (CPO, Founder, Highcharts JS) commented  · 

    @jxd Dynamic updating capabilities are now added, plese see the updated jsFiddle.

  9. 68 votes
    Vote

    We're glad you're here

    Please sign in to leave feedback

    Signed in as (Sign out)
    You have left! (?) (thinking…)
    12 comments  ·  Highcharts Javascript API  ·  Flag idea as inappropriate…  ·  Admin →
    An error occurred while saving the comment
    AdminTorstein Hønsi (CPO, Founder, Highcharts JS) commented  · 

    @Sushanth, currently there's no simple option for it - what happens is that the input is converted to a number, and as numbers are printed into a string, JavaScript only adds the number of decimals needed.

    An error occurred while saving the comment
    AdminTorstein Hønsi (CPO, Founder, Highcharts JS) commented  · 

    Updated the demo to work with Highcharts 3.0.

  10. 5 votes
    Vote

    We're glad you're here

    Please sign in to leave feedback

    Signed in as (Sign out)
    You have left! (?) (thinking…)
    5 comments  ·  Highcharts Javascript API  ·  Flag idea as inappropriate…  ·  Admin →
    An error occurred while saving the comment
    AdminTorstein Hønsi (CPO, Founder, Highcharts JS) commented  · 

    We are now working on a grid axis module, which will put the labels in intervals. See http://jsfiddle.net/highcharts/gfzs5/4/ .

    An error occurred while saving the comment
    AdminTorstein Hønsi (CPO, Founder, Highcharts JS) commented  · 

    There's no option for using the last date of the month, but you can create your own tickPositioner callback: http://api.highcharts.com/highcharts#xAxis.tickPositioner

  11. 36 votes
    Vote

    We're glad you're here

    Please sign in to leave feedback

    Signed in as (Sign out)
    You have left! (?) (thinking…)
    6 comments  ·  Highcharts Javascript API  ·  Flag idea as inappropriate…  ·  Admin →
    An error occurred while saving the comment
    AdminTorstein Hønsi (CPO, Founder, Highcharts JS) commented  · 

    We are now working on Teams in Highcharts Cloud. Besides that, as Highcharts JS concerns, it is still a client side library so share buttons is something that is beyond its scope.

    An error occurred while saving the comment
    AdminTorstein Hønsi (CPO, Founder, Highcharts JS) commented  · 

    @Howard I see. We are planning an option to do styling per Organization in a future release of the Highcharts Cloud.

    Another option would be that you create your own chart page where the cloud chart runs in an iframe, and add share buttons that share your own page instead.

  12. 7 votes
    Vote

    We're glad you're here

    Please sign in to leave feedback

    Signed in as (Sign out)
    You have left! (?) (thinking…)
    20 comments  ·  Highcharts Javascript API  ·  Flag idea as inappropriate…  ·  Admin →
    An error occurred while saving the comment
    AdminTorstein Hønsi (CPO, Founder, Highcharts JS) commented  · 

    Hi Elle, I'm afraid animation is generally disabled on the funnel chart, so we don't have a way of animating it on scrolling into view.

    One possibility though is to write an animator function, for example by borrowing (and modifying) the one from geo maps: http://jsfiddle.net/qskthLe1/3/.

    An error occurred while saving the comment
    AdminTorstein Hønsi (CPO, Founder, Highcharts JS) commented  · 

    > Is it possible to make this an external JS file?

    Of course, just take the contents of the plugin and put in a file. Make sure it is loaded after Highcharts and jQuery.

    An error occurred while saving the comment
    AdminTorstein Hønsi (CPO, Founder, Highcharts JS) commented  · 

    Sorry about that. I've updated the snippet so that it renders immediately when animation is not enabled, like in export.

    An error occurred while saving the comment
    AdminTorstein Hønsi (CPO, Founder, Highcharts JS) commented  · 

    I changed the snippet to wrap the render method rather than animate method. This seems more robust, and also works with bubbles. I added a bubble chart at the very bottom. See the updated demo.

    An error occurred while saving the comment
    AdminTorstein Hønsi (CPO, Founder, Highcharts JS) commented  · 

    You should be able to use the appear.js jQuery plugin to initialize the charts once the container div appears: https://github.com/morr/jquery.appear

  13. 27 votes
    Vote

    We're glad you're here

    Please sign in to leave feedback

    Signed in as (Sign out)
    You have left! (?) (thinking…)
    2 comments  ·  Highcharts Javascript API  ·  Flag idea as inappropriate…  ·  Admin →
    An error occurred while saving the comment
    AdminTorstein Hønsi (CPO, Founder, Highcharts JS) commented  · 

    ... And here come the true gradients: http://jsfiddle.net/highcharts/sez1h3qu/

    Still a bit of the transition can be seen.

    An error occurred while saving the comment
    AdminTorstein Hønsi (CPO, Founder, Highcharts JS) commented  · 

    Thanks for your request, this seems like an appealing visual feature. The problem with your current approach is that it adds a lot of series, which is both logically incorrect an also a performance problem.

    I did some googling and also found that SVG doesn't support circular gradients like this. But we should be able to emulate it by chopping up the arcs in smaller arcs and applying a gradient to each. Six arcs (each 60 degrees) should be enough to achieve a seamless gradient.

    I have to run now, but here's what I've got so far: http://jsfiddle.net/highcharts/td2v4u4z/63/

    The fiddle uses more than six segments because I haven't had the time to add the actual gradients yet.

    To do:
    - Add gradients.
    - Use fewer segments.
    - Apply animation.
    - Depending on how it looks when the gradient is applied, apply round line caps only to the first and last segment.

  14. 1 vote
    Vote

    We're glad you're here

    Please sign in to leave feedback

    Signed in as (Sign out)
    You have left! (?) (thinking…)
    1 comment  ·  Highcharts Javascript API  ·  Flag idea as inappropriate…  ·  Admin →
    An error occurred while saving the comment
    AdminTorstein Hønsi (CPO, Founder, Highcharts JS) commented  · 

    Check out this plugin: http://www.highcharts.com/plugin-registry/single/24/Indicators

    SMA is simple moving average.

  15. 7 votes
    Vote

    We're glad you're here

    Please sign in to leave feedback

    Signed in as (Sign out)
    You have left! (?) (thinking…)
    2 comments  ·  Highcharts Javascript API  ·  Flag idea as inappropriate…  ·  Admin →
    An error occurred while saving the comment
    AdminTorstein Hønsi (CPO, Founder, Highcharts JS) commented  · 

    Yes, we're going into regression testing phase now. It can be expected late this week or the next week.

  16. 82 votes
    Vote

    We're glad you're here

    Please sign in to leave feedback

    Signed in as (Sign out)
    You have left! (?) (thinking…)
    13 comments  ·  Highcharts Javascript API  ·  Flag idea as inappropriate…  ·  Admin →
    An error occurred while saving the comment
    AdminTorstein Hønsi (CPO, Founder, Highcharts JS) commented  · 

    It works for me in Chrome - which browser are you using?

    An error occurred while saving the comment
    AdminTorstein Hønsi (CPO, Founder, Highcharts JS) commented  · 

    To work around that you can pass [e.point] to the refresh function, though it doesn't actually make the tooltip shared. It still relates only to the clicked point. http://jsfiddle.net/highcharts/8VTTH/29/

    An error occurred while saving the comment
    AdminTorstein Hønsi (CPO, Founder, Highcharts JS) commented  · 

    Thanks for reporting, I added a simple check for e's existance.

  17. 3 votes
    Vote

    We're glad you're here

    Please sign in to leave feedback

    Signed in as (Sign out)
    You have left! (?) (thinking…)
    5 comments  ·  Highcharts Javascript API  ·  Flag idea as inappropriate…  ·  Admin →
    An error occurred while saving the comment
    AdminTorstein Hønsi (CPO, Founder, Highcharts JS) commented  · 

    Currently there is no SVG element sitting behind the navigator that you can apply a style to. The closest thing you get is http://api.highcharts.com/highstock/navigator.maskInside.

    Otherwise, you can create your own styled rectangle programmatically: http://jsfiddle.net/highcharts/Lm85088q/

  18. 1 vote
    Vote

    We're glad you're here

    Please sign in to leave feedback

    Signed in as (Sign out)
    You have left! (?) (thinking…)
    1 comment  ·  Highcharts Javascript API  ·  Flag idea as inappropriate…  ·  Admin →
    An error occurred while saving the comment
    AdminTorstein Hønsi (CPO, Founder, Highcharts JS) commented  · 

    I'm not sure what you mean by "report form", but maybe you can use the Export-CSV plugin? See http://jsfiddle.net/highcharts/cqjvD/. In the export menu, there's a button saying "View data table".

  19. 16 votes
    Vote

    We're glad you're here

    Please sign in to leave feedback

    Signed in as (Sign out)
    You have left! (?) (thinking…)
    8 comments  ·  Highcharts Javascript API  ·  Flag idea as inappropriate…  ·  Admin →
    An error occurred while saving the comment
    AdminTorstein Hønsi (CPO, Founder, Highcharts JS) commented  · 

    I've updated http://jsfiddle.net/highcharts/nsuA6/ with a working file reference.

    For your problem with a large dataset, can you show us a live sample?

    An error occurred while saving the comment
    AdminTorstein Hønsi (CPO, Founder, Highcharts JS) commented  · 

    Selection of points within a rectangle can be done with the current API, though it needs a few lines of custom code: http://jsfiddle.net/qwfZ9/28/

  20. 46 votes
    Vote

    We're glad you're here

    Please sign in to leave feedback

    Signed in as (Sign out)
    You have left! (?) (thinking…)
    8 comments  ·  Highcharts Javascript API  ·  Flag idea as inappropriate…  ·  Admin →
    An error occurred while saving the comment
    AdminTorstein Hønsi (CPO, Founder, Highcharts JS) commented  · 

    That's interesting, do you have anything to show us? It makes sense though, in that function you can collect all the overlapping labels and create an aggregate label, right?

    An error occurred while saving the comment
    AdminTorstein Hønsi (CPO, Founder, Highcharts JS) commented  · 

    Thanks for commenting!

    Implementation wise, we should see this feature in combination with regular scatter series, where we could optionally cluster markers too.