Highcharts Javascript API

  1. Enable user to copy a chart to clipboard

    Our customers often need graphs as an image to be pasted as to other applications (e.g. MS Word, Powerpoint, etc). Saving it as an image or using a screenshot is cumbersome. It would be great if users could copy the image to the clipboard and then simply paste it where they want from the clipboard.

    16 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 →
  2. HighStock.js: add parameter to chart.redraw(numberOfPointFromTheEnd) API method

    Hello,

    I develop application related to stock market. I have a case when there are three charts displayed (area, candlestick, column) that needs to be updated when stock price is changed but not more than one time per 2 seconds. Each chart type (area, candlestick, column) can contain 15000 of points. Here is live demo: https://jsfiddle.net/ogorobets/8gb54cyh/5/. As you can see there application hangs out because of big load.

    My proposition is to have "numberOfPointFromTheEnd" parameter in chart.redraw() API method to redraw only last few points but not whole chart. This way redrawing chart can take much less time.

    As…

    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 →
  3. Add categories

    Hi
    There are a categories in the chart for several tasks
    An example in the link https://www.highcharts.com/gantt/demo/interactive-gantt is to add a task that is not what we want.
    Is it possible to add and edit categories?
    For example, there's a button to get a text and add to the list of categories
    Thank you

    1 vote
    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 →
  4. 5 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 →
  5. Global dateTimeLabelFormats configuration

    It would be nice if there was a single option that we could apply our dateTimeLabelFormats for all objects that use that option instead of having to copy and paste it separately for tooltip, y-axis, x-axis, etc.

    1 vote
    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 →
  6. Multiple Opposite X-Axis; One of the X-Axis is grouped

    Hi Team,

    First of all great work on the Highcharts. It is very helpful in far many way I can describe in representing complex data.

    Recently, I have come across a requirement where I need to use Dual-Xaixs of which one is a grouped. i.e for instance, say my bottom X-Axis is of months my top X-Axis should be of quarters (3 months ~ A quarter). I do not see any example or hacks which I can use to achieve this. Please, let me know if this is possible. If so, Please point me in the right direction so that…

    1 vote
    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 →
  7. 6 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 →
  8. Highchart-export-server with zip options

    It is hard to keep on increase the maxFieldsSize whenever the highchart throws Error Code 413 - Request Entity Too Large HighCharts.

    If highchart export had an option to zip file and then download it might be great option.

    1 vote
    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. Make chart#rangeSelector part of the public API

    I asked for chart.rangeSelector to be added to the typescript definitions and was told it's a private class. It can be used as described here: https://stackoverflow.com/questions/48798659/programmatically-set-rangeselector-in-highcharts

    1 vote
    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 →
  10. Validate chart options

    Chart options strongly depend on chart type and other options. For example, ticks on x/y axis. Depending on what type was chosen (linear, logarithmic, datetime or category), ticks are configured differently.

    And I really suffer when I read docs and don't clearly understand which properties work with others, and which are useless together.

    I suggest you to update docs, or implement chart options validation, or even provide us some external service to check, if given options are valid. In ideal world, if options are not valid, it would say why and maybe suggest something.

    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 →
  11. Events for annotation and indicator changed

    For a StockChart every time the user adds, removes or modifies an annotation or an indicator, either over the annotation-/indicator-popup or by dragging an annotation-control-point directly, an event on the chart instance should be fired, so that you can e.g. automatically save the chart-state every time something has changed.

    Maybe something like:
    Highcharts.Chart#events:annotationChanged
    Highcharts.Chart#events:indicatorChanged

    1 vote
    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 →

    Hi,

    Thank you for submitting the idea.

    Basic events are already here: on chart level we have addSeries (https://api.highcharts.com/highcharts/chart.events.addSeries) and series remove – implemented, but not a part of documented API (demo: http://jsfiddle.net/BlackLabel/0cosmk2g/) or similar series destroy (the same situation).

    For series update you could use series render event (not a part of documented API).

    Events for annotation update are not yet implemented.

    How to resolve:
    Generally, this could be implemented through extending Highcharts. Related functions that create, update and destroy annotations could be wrapped to fire additional events. I’ll try to provide a POC later this week.

  12. drill-down with motion player

    We need to have a pie chart that supports motion player and drill-down feature at the same time

    1 vote
    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 →
  13. Progress through a multi-step process

    Not sure what is the name of this type of chart exactly but I need something that visualizes a progress through a multi-step process. Something like this - https://www.vectorstock.com/royalty-free-vector/progress-bar-user-interface-design-vector-16715259.
    I couldn't find anything in your examples.

    1 vote
    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 →
  14. Download as CSV Support more than 100k-300k point

    Once, there is more than 100k to 300k data point, its unable to download as csv.
    If we are using array object [{x:0, y:1, a:1,b:2,c:3}...], less than 80k point, its will shown out Failed- Network Error.

    It looks like it is related with the length of data URL that is used to build CSV file. In case there is a huge amount of points, its length is too long. It looks like some browsers have limitations for data URL lengths.

    https://jsfiddle.net/avkcxm80/

    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 →
  15. Add option for max number of visible levels on Sunburst

    Show only a given number of levels at the same time.

    Keep in mind the possibility of more granular control depending on which level the user is on.

    E.g display levels 1-3 by default, and show levels 4 and 5 only when the user drills into level 3.

    17 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. Allow zoom using just the keyboard

    I've written some script to allow for this at least in line charts only allowing zoom on xAxis. The code isn't the best, but it works, would be better if it was in the API.
    $("#container").bind('keydown', function () {
    let chart = $("#container").highcharts().xAxis[0];
    var min = chart.getExtremes().min;
    var max = chart.getExtremes().max;
    if (event.keyCode == 107 || event.keyCode == 187) {
    //zoom in
    min++;
    max--;
    }
    if (event.keyCode == 109 || event.keyCode == 189) {
    //zoom out
    if (min > chart.dataMin) {
    min--;
    }
    if (max < chart.dataMax) {
    max++;
    }

    }
    if (event.keyCode == 39) {
    //right arrow
    if (max…

    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 →
  17. Horizontal Stripes algorithm in Treemap

    It would have been great if we had the option to have horizontal, in addition to the vertical, stripes so that examples like this https://jsfiddle.net/dimitrisv/yb2u713m/11/ can make more meaningful use of the available space.

    1 vote
    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 →
  18. It is hard to apply event listeners on elements of html-tooltip. Any helper functions or reference for complete custom implementation?

    It is hard to apply event listeners on elements of html-tooltip. Any helper functions or reference for complete custom implementation of tooltip to handle click/select events on the html elements inside tooltip?

    1 vote
    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 →
  19. 1 vote
    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 →
  20. Make axis labels formattable so that they all have the same number of decimal places

    I would like to have all axis labels rendered with the same number of decimals. Currently, I can fix the number of decimals using the format string, but when zooming in, more decimals are often necessary.

    In statistics, it is a general consensus to have axis labels with the same numebr of decimal places to indicate the precision level, so I suggest Highcharts to support this, too, without reverting to custom code.

    Currently, it can apparently only be done using custom event code, see this Highcharts Forum entry:
    https://forum.highcharts.com/highcharts-usage/how-to-have-all-yaxis-labels-show-same-number-of-decimals-t40826/

    Thanks for your consideration!
    J.

    8 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 →
  • Don't see your idea?

Highcharts Javascript API

Feedback and Knowledge Base