Settings and activity

  1. 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 am sorry, currently we don't have this type of visualization. I guess the closest we get is treemaps.

  2. 6 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 →
    An error occurred while saving the comment
    AdminTorstein Hønsi (CPO, Founder, Highcharts JS) commented  · 

    I think it looks great, but our 3D column isn't able to utilize the Z axis the same way as the scatter is (yet).

  3. 3 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  · 

    The total of what? All the points in the chart? We do have options to show the total of a stack in stacked charts.

  4. 114 votes
    Vote

    We're glad you're here

    Please sign in to leave feedback

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

    What about Mahbub Rony's solution of pinning the tooltip on point click? Does it work for you?

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

    I'm not sure if clickable tooltips is the way to go. If there's another point close to it, the tooltip will move away to show the value of the other point once you try to move the mouse over it to click the link.

    Instead, check out the clickable points at http://highcharts.com/demo/line-ajax .

  5. 23 votes
    Vote

    We're glad you're here

    Please sign in to leave feedback

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

    @Seth Is this something you can use? http://jsfiddle.net/highcharts/yrpv0kuc/

    It does two things:
    - never hide the tooltip
    - keep it in a fix position

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

    Okay, here's an attempt at a plugin implementing pin and unpin methods: http://jsfiddle.net/highcharts/3P4Ug/.

    Possible improvements would be to pin also the state of the hovered point, so that the series stops responding to mouseover once the tooltip is pinned.

    Another logical behaviour would be the the tooltips are pinned on point click, and that I can move the pinned tooltip on clicking another point. Then clicking outside the series would unpin the tooltip.

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

    So you want an API to freeze the tooltip programmatically, one that you can bind to your keystroke event listener?

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

    What do you mean by "focused on"? The current hack prevents it from hiding when you leave the plot area. Do you want to pin the tooltip on click? In that case, we would need a way to unpin it?

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

    I suppose the simplest possible solution will be to override the Tooltip.hide method to do nothing. Does it work for you? See http://jsfiddle.net/highcharts/3P4Ug/ .

  6. 19 votes
    Vote

    We're glad you're here

    Please sign in to leave feedback

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

    @Pieter, IMHO the snippet at at http://jsfiddle.net/highcharts/xb4ax7v0/ is better, because it only adds a delay when first showing the tooltip, but when it has shown, it responds immediately to moving the mouse. That way is feels more responsive.

    For now we are reluctant to add it to the core, as it isn't a very frequently requested feature and we have a strict policy of reducing bloat. And the snippet should work well.

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

    1. Personally I think this would appear as the chart were unresponsive.
    2. Standalone tooltips can be implemented by using mouse events: http://jsfiddle.net/highcharts/Mw8WB/

  7. 25 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  · 

    Thanks Ivan, would you consider adding it to our Plugin registry? www.highcharts.com/plugin-registry/

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

    @Dominik Currently not, but you might be able to get the required result by using an area chart and step:true.

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

    Would a tightly packed column chart do? http://jsfiddle.net/WbHsX/

  8. 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
  9. 18 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 →
    An error occurred while saving the comment
    AdminTorstein Hønsi (CPO, Founder, Highcharts JS) commented  · 

    Also, check out the Adapt-chart-height-to-legend plugin: http://www.highcharts.com/plugin-registry/single/8/Adapt-Chart-To-Legend. It avoids the problem with different sizes in data length, printed size etc.

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

    How would you expect this to work?

    If we simply disable the paging logic, the legend simply overflows the chart area, which is just as bad (or worse) as showing paging: http://jsfiddle.net/4cz32511/

    If we provide enough space for the chart, it is okay, but then again we don't need to change anything: http://jsfiddle.net/4cz32511/1/

  10. 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  · 

    Demonstrated at http://jsfiddle.net/highcharts/kgfnrva2/

    Actually it looks this way in previous versions too, for example 4.0.x: http://jsfiddle.net/highcharts/kgfnrva2/1/. This means it is not a regression. The workaround is simple, just add direction: ltr to the inner container with a single CSS rule: http://jsfiddle.net/highcharts/kgfnrva2/2/.

  11. 1 vote
    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 →
    An error occurred while saving the comment
    AdminTorstein Hønsi (CPO, Founder, Highcharts JS) commented  · 

    The cause of this is that the zoom-in and zoom-out buttons have individual y offsets, so instead of setting it in the general buttonOptions, you should set it in the individual button options: http://jsfiddle.net/highcharts/1tpa8rm0/6/

  12. 6 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 →
    An error occurred while saving the comment
    AdminTorstein Hønsi (CPO, Founder, Highcharts JS) commented  · 

    The parseDate callback applies to the data module, and works only with CSV data, HTML tables, spreadsheets etc. Since you already have your data in a JavaScript form, all you have to do is a little preprocessing: http://jsfiddle.net/highcharts/vtu18w0z/

  13. 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  · 
  14. 3 votes
    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  · 

    It's a good point, and in the latest dev code we have also created a hook for this kind of things. You can extend the Tooltip.bodyFormatter. See http://jsfiddle.net/highcharts/Lsncqf5n/.

  15. 28 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  · 

    Sorry, I pointed to my local files. Fiddle is updated now.

    > People must not deal with custom solutions for a very simple thing like width-100%.

    I couldn't agree more. But the problem is I can't reproduce it, therefore I can't fix it. That's why I am asking you to show me with an example what happens.

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

    @Anonymous Please see the proposal at http://jsfiddle.net/highcharts/k1o2w9ba/. How does this work for you?

    Also, you mention bugs related to 100% width. The demo has 100% width container but works fine. If this is a bug that people needs to work around, we should probably fix it. Can you share a reproduceable demo?

  16. 29 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  · 

    @Ben Yes, as long as you set legend.useHTML to true.

  17. 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  · 

    Yes but this only happens because navigation doesn't work with useHTML, not as an intended way of disabling the navigation.

    Currently the alternative to navigation is that the legend items overflow the chart and get clipped along the edge, so disabling the navigation isn't recommended. Instead, to prevent the navigation you should make sure the chart is large enough.

    Or are there edge cases we haven't seen?

  18. 6 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  · 

    I see your point - just a note: the bar chart is actually an inverted column chart with a vertical X axis and horizontal Y axis.

    So what you want is something like an X range, where each "point" has a start x, an end X, an y value and a color at least.

  19. 3 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  · 

    Seems like Black Label's Grouped Categories plugin does a decent job here, though there are some alignment issues: http://jsfiddle.net/highcharts/6ekvghr8/

  20. 56 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 →
    An error occurred while saving the comment
    AdminTorstein Hønsi (CPO, Founder, Highcharts JS) commented  · 

    For Highcharts 4.1 we have implemented a new series type, polygon, that can be utilized for two-dimensional plot bands (except they don't have labels).

    http://jsfiddle.net/highcharts/qhtec334/