Highcharts Javascript API

I suggest you ...

You've used all your votes and won't be able to post a new idea, but you can still search and comment on existing ideas.

There are two ways to get more votes:

  • When an admin closes an idea you've voted on, you'll get your votes back from that idea.
  • You can remove your votes from an open idea you support.
  • To see ideas you have already voted on, select the "My feedback" filter and select "My open ideas".
(thinking…)

Enter your idea and we'll search to see if someone has already suggested it.

If a similar idea already exists, you can support and comment on it.

If it doesn't exist, you can post your idea so others can support it.

Enter your idea and we'll search to see if someone has already suggested it.

  1. Label at last data point

    It would be nice to show a label between 2 ticks at the x position of the last data point.
    This way you can see the most recent entry more clearly, and without having to hover over the data point.

    9 votes
    Vote
    Sign in
    (thinking…)
    Sign in with: facebook google
    Signed in as (Sign out)
    You have left! (?) (thinking…)
    3 comments  ·  Flag idea as inappropriate…  ·  Admin →
  2. Add 508 compliance

    Add support for section 508 .....

    8 votes
    Vote
    Sign in
    (thinking…)
    Sign in with: facebook google
    Signed in as (Sign out)
    You have left! (?) (thinking…)
    8 comments  ·  Flag idea as inappropriate…  ·  Admin →
  3. Allow disable date input without hide

    Allow do disable date input of rangeSelector without hide one

    7 votes
    Vote
    Sign in
    (thinking…)
    Sign in with: facebook google
    Signed in as (Sign out)
    You have left! (?) (thinking…)
    1 comment  ·  Flag idea as inappropriate…  ·  Admin →
  4. Title and Chartnames To Be Selectable with mouse .Would You Please Add this opprtunity?

    I can't select the title and the chart categories . In some situations I need to select and copy those strings . Would You Please Add this opportunity ASAP?

    7 votes
    Vote
    Sign in
    (thinking…)
    Sign in with: facebook google
    Signed in as (Sign out)
    You have left! (?) (thinking…)
    3 comments  ·  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

  5. callback for 'noData'

    When there is no data to display, the message shows up on the chart. But there are things users might want to do in such a situation. For example, I have custom navigation buttons which lose meaning when there is no data. Some might even want to remove the context menu button. It would be great if there'd a callback where you could add/remove elements to/from the chart.

    7 votes
    Vote
    Sign in
    (thinking…)
    Sign in with: facebook google
    Signed in as (Sign out)
    You have left! (?) (thinking…)
    2 comments  ·  Flag idea as inappropriate…  ·  Admin →
  6. useUTC as a configuration per chart

    I have an application that uses UTC in some graphs and non UTC time in other. It would be great to have is as a configuration.

    7 votes
    Vote
    Sign in
    (thinking…)
    Sign in with: facebook google
    Signed in as (Sign out)
    You have left! (?) (thinking…)
    2 comments  ·  Flag idea as inappropriate…  ·  Admin →
  7. Support 3d line charts with multiple series

    At the moment there is no support for 3d line charts with multiple series. Something like this
    https://habrastorage.org/getpro/habr/post_images/c82/1f8/8fe/c821f88fe784e852dab621227f2d1c52.png

    7 votes
    Vote
    Sign in
    (thinking…)
    Sign in with: facebook google
    Signed in as (Sign out)
    You have left! (?) (thinking…)
    1 comment  ·  Flag idea as inappropriate…  ·  Admin →
  8. Set <svg> shape rendering property

    http://www.w3.org/TR/SVG/painting.html#ShapeRenderingProperty

    Allow setting of shape-rendering attribute in order to enable speed optimising.

    Code modification example:

    SVGRenderer.prototype = {
    /**
    * Initialize the SVGRenderer
    * @param {Object} container
    * @param {Number} width
    * @param {Number} height
    */
    init: function(container, width, height) {
    var box = doc.createElementNS('http://www.w3.org/2000/svg', 'svg'),
    loc = location;
    attr(box, {
    width: width,
    height: height,
    'shape-rendering': 'crispEdges', //suggest to add this by config

    7 votes
    Vote
    Sign in
    (thinking…)
    Sign in with: facebook google
    Signed in as (Sign out)
    You have left! (?) (thinking…)
    1 comment  ·  Flag idea as inappropriate…  ·  Admin →
  9. Using custom shapes like callout box for tooltips

    Please provide facility in Api to use shapes like callout box other than the default rectangle shape for tooltips.

    7 votes
    Vote
    Sign in
    (thinking…)
    Sign in with: facebook google
    Signed in as (Sign out)
    You have left! (?) (thinking…)
    1 comment  ·  Flag idea as inappropriate…  ·  Admin →
  10. Rangeselector with numerical x-axis

    Rangeselector is great, but I have only seen it with dates on the x-axis. Is it also possible to have numerical values instead?

    I would expect it to be relatively straight-forward. If not, is there a reason for not supporting it?

    Thanks!

    6 votes
    Vote
    Sign in
    (thinking…)
    Sign in with: facebook google
    Signed in as (Sign out)
    You have left! (?) (thinking…)
    1 comment  ·  Flag idea as inappropriate…  ·  Admin →
  11. Gantt + Boost

    Gantt chart is really cool but performance limits you to maybe 10-20 rows. We need to support over 1000, with interaction. Animation is not important. Currently the boost module doesn't work with gantt, but if it did it would be truly awesome.

    6 votes
    Vote
    Sign in
    (thinking…)
    Sign in with: facebook google
    Signed in as (Sign out)
    You have left! (?) (thinking…)
    1 comment  ·  Flag idea as inappropriate…  ·  Admin →

    Thanks for writing! The Boost module deals with the data points, in this case it would rendering the rectangles for the tasks.

    I don’t think enabling Boost for Gantt would make a very big difference. Rendering 1000 rectangles in SVG should’t be a problem in the first place. I suspect the performance bottleneck is something else, like the grid axis or something.

    Can you share a demo of your problematic chart, where we can do some profiling?

  12. Avoiding series overlap

    Let's say I have a chart similar to http://jsfiddle.net/k7n8cf8m/
    There are two lines with almost same data.

    I've got a question if is there a possibility, to present those lines joined together, one above, second right below (without padding or anything, just 2 glued together lines). I mean it shouldn't overlap each other, but display like a rainbow instead.

    Something like that: http://jsfiddle.net/BlackLabel/3goqaqfj/
    But without changing data values.

    Is there a chance to introduce something like that in near future?

    6 votes
    Vote
    Sign in
    (thinking…)
    Sign in with: facebook google
    Signed in as (Sign out)
    You have left! (?) (thinking…)
    1 comment  ·  Flag idea as inappropriate…  ·  Admin →

    This is a bit similar to the minPointLength option – https://api.highcharts.com/highcharts/series.column.minPointLength, which aims to ease readability when points overlap. It also has the same logical problem: If a small offset is added for multiple series or points after each other, eventually the points will be drawn off scale.

    Here’s a small plugin I wrote that offsets the series by an optional amount of pixels per the series index: http://jsfiddle.net/highcharts/vgdga7vw/1/. As you see, it doesn’t actually consider if any offset is necessary, plus when you have a lot of series it will be off scale.

  13. Ability to specify the minimum gap size in seconds

    Please, add the possibility of specifying the gapSize in seconds (eg gapTime). It will be very-very useful for timeline charts for Highstocks and Highcharts.

    6 votes
    Vote
    Sign in
    (thinking…)
    Sign in with: facebook google
    Signed in as (Sign out)
    You have left! (?) (thinking…)
    2 comments  ·  Flag idea as inappropriate…  ·  Admin →
  14. Accept chart settings and data and return a PNG of the chart

    Create a service similar to https://pdfcrowd.com/.

    Create an API endpoint that can convert settings into a file format (PNG) that is charged either per conversion or annually.

    The API would take our chart settings and chart data, plot the chart on your server side and return to the client a PNG (or other supported file types) of the chart we requested.

    4 votes
    Vote
    Sign in
    (thinking…)
    Sign in with: facebook google
    Signed in as (Sign out)
    You have left! (?) (thinking…)
    1 comment  ·  Flag idea as inappropriate…  ·  Admin →
  15. 4 votes
    Vote
    Sign in
    (thinking…)
    Sign in with: facebook google
    Signed in as (Sign out)
    You have left! (?) (thinking…)
    0 comments  ·  Flag idea as inappropriate…  ·  Admin →
  16. Auto-Calculated Bar Width

    It would be interesting to have the width of the bars adjusted automatically. Something similar like this: https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/AutoCalculatedBarWidth/AngularJS/Light/

    4 votes
    Vote
    Sign in
    (thinking…)
    Sign in with: facebook google
    Signed in as (Sign out)
    You have left! (?) (thinking…)
    0 comments  ·  Flag idea as inappropriate…  ·  Admin →
  17. redraw chart on mobile orientation change

    With Highchart version 3.0, the chart does not get rendered on mobile orientation change. I am not sure if this is available with Hightchart ?

    4 votes
    Vote
    Sign in
    (thinking…)
    Sign in with: facebook google
    Signed in as (Sign out)
    You have left! (?) (thinking…)
    1 comment  ·  Flag idea as inappropriate…  ·  Admin →

    Highcharts doesn’t do anything internally on orientation change, except it reflows if the window.resize event fires.

    You can add your own listeners to orientation change though.

    What does the case look like? Is there a problem?

  18. Link a PlotLine to a Series

    I cannot find a way to link a PlotLine (an average line, for example) to a specific series. I would like to be able to toggle the visibility of such a line with the visibility of a series. There's currently no way to do that easily, and I think that this would be a useful feature for a lot of scenarios.

    3 votes
    Vote
    Sign in
    (thinking…)
    Sign in with: facebook google
    Signed in as (Sign out)
    You have left! (?) (thinking…)
    1 comment  ·  Flag idea as inappropriate…  ·  Admin →
  19. Add double slash rendering on axis to simple break

    Simple breaks may be quite confusing now because the reader of the chart has no indications of the occurrence of a break in the axis. It would be very nice to add to the simple break an axis cut by too slashes same way as shown on the Y axis of this sample : http://jsfiddle.net/gh/get/jquery/2/highcharts/highcharts/tree/master/samples/highcharts/axisbreak/break-visualized/

    It would be very nice to have such feature configurable through highcharts editor

    visualization of the break in the graph itself is a more advanced feature that could be addressed in javascript because it depends much on the type of graph.

    3 votes
    Vote
    Sign in
    (thinking…)
    Sign in with: facebook google
    Signed in as (Sign out)
    You have left! (?) (thinking…)
    0 comments  ·  Flag idea as inappropriate…  ·  Admin →

    Yes I agree this should be the default visualization. We need an option to turn it on or off though, as it would probably become too obtrusive for stock chart x axes where there is a break every night. Also, the Y axis by default has no line width, so the break by default would be invisible.

    Any suggestions?

  20. Configuration of line color for individual bars/columns in bar/column chart

    Being able to configure not just the fill colour of the bars in a chart, but the outline colour as well.

    3 votes
    Vote
    Sign in
    (thinking…)
    Sign in with: facebook google
    Signed in as (Sign out)
    You have left! (?) (thinking…)
    1 comment  ·  Flag idea as inappropriate…  ·  Admin →
  • Don't see your idea?

Highcharts Javascript API

Feedback and Knowledge Base