Skip to content

Highcharts Javascript API

Highcharts Javascript API

Categories

JUMP TO ANOTHER FORUM

1081 results found

  1. 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…

    6 votes
    Vote

    We're glad you're here

    Please sign in to leave feedback

    Signed in as (Sign out)
    You have left! (?) (thinking…)
    How important is this to you?

    We're glad you're here

    Please sign in to leave feedback

    Signed in as (Sign out)
  2. 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

    2 votes
    Vote

    We're glad you're here

    Please sign in to leave feedback

    Signed in as (Sign out)
    You have left! (?) (thinking…)
    How important is this to you?

    We're glad you're here

    Please sign in to leave feedback

    Signed in as (Sign out)
  3. I would like to have an option in the navigator that avoid filtering the series on the main chart. This option will allow the navigator to behave as the range selector.

    At this moment, the navigator can be easily customized with the JS API and CSS; my goal is to style the navigator to be a horizontal bar with handles that can be used as the range selector.

    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  ·  Admin →
    How important is this to you?

    We're glad you're here

    Please sign in to leave feedback

    Signed in as (Sign out)
  4. I have some usefull trick to center map on non empty (with some data) regions to avoid this case:
    https://gyazo.com/35fd0d74d3e773f694790c5fc0c95ece

    and now i can show only usefull part of highmap, by default:
    https://gyazo.com/d7ca32d8ce8b1535bddd331a997c67b8

    {code}
    const points = this.chart.series[0];

        let minX = Number.MAX_SAFE_INTEGER,
            maxX = Number.MIN_SAFE_INTEGER,
            minY = Number.MAX_SAFE_INTEGER,
            maxY = Number.MIN_SAFE_INTEGER;
    
        if (!points) return;
    
        this.chart.series[0]
            .getValidPoints()
            .forEach(item => {
                if (item['_minX'] && item['_maxX'] && item['_minY'] && item['_maxY']) {
                    minX = Math.min(minX, item['_minX']);
                    maxX = Math.max(maxX, item['_maxX']);
                    minY = Math.min(minY, item['_minY']);
                    maxY = Math.max(maxY, item['_maxY']);
                }
            });
    
        this.chart.series[0].xAxis.setExtremes(minX, maxX, true);
        this.chart.series[0].yAxis.setExtremes(minY, maxY, true);
        this.chart.redraw();
    

    {code}

    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  ·  Admin →
    How important is this to you?

    We're glad you're here

    Please sign in to leave feedback

    Signed in as (Sign out)
  5. The totals column on a waterfall with a date is always placed on the timeline somewhere. The totals isn't actually a part of the date timeline, it's an aggregated value and should be able to be marked as such.

    Basic ask is for an additional tick that is customizable that represents the placement of the placement of the connected totals column.

    Problem described more fully here:
    https://github.com/highcharts/highcharts/issues/10458

    1 vote
    Vote

    We're glad you're here

    Please sign in to leave feedback

    Signed in as (Sign out)
    You have left! (?) (thinking…)
    0 comments  ·  Admin →
    How important is this to you?

    We're glad you're here

    Please sign in to leave feedback

    Signed in as (Sign out)
  6. 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  ·  Admin →
    How important is this to you?

    We're glad you're here

    Please sign in to leave feedback

    Signed in as (Sign out)
  7. It should be possible to add an array with addPoint() or better to have addPoints(), insertPoints() or addData() where 1) array can be given as argument, 2) insertion index can be given as argument in case the data is already sorted. Or maybe have ability to splice new array to existing series.

    More info in related GitHub issue: https://github.com/highcharts/highcharts/issues/4724

    9 votes
    Vote

    We're glad you're here

    Please sign in to leave feedback

    Signed in as (Sign out)
    You have left! (?) (thinking…)
    How important is this to you?

    We're glad you're here

    Please sign in to leave feedback

    Signed in as (Sign out)
  8. Here is an example scenario where this would be useful: https://jsfiddle.net/lanimelrok/6eodqvwy/

    This has been asked throughout the years plenty of times. Here’s a few from a quick Google search:

    https://www.highcharts.com/forum/viewtopic.php?t=16169
    https://www.highcharts.com/forum/viewtopic.php?f=9&t=8952
    https://www.highcharts.com/forum/viewtopic.php?f=9&t=41738
    https://www.highcharts.com/forum/viewtopic.php?t=39380
    https://stackoverflow.com/questions/26745540/how-can-i-hide-and-show-a-category-in-highcharts
    https://stackoverflow.com/questions/32776861/how-to-show-hide-categories-with-checkbox-using-highcharts
    https://stackoverflow.com/questions/42842553/show-hide-part-of-series-in-highcharts-base-on-x-axis-category
    https://stackoverflow.com/questions/5721635/highcharts-toggle-a-category
    https://stackoverflow.com/questions/38585005/how-to-hide-grouped-category-in-highchart
    https://stackoverflow.com/questions/19956134/how-to-hide-show-a-column-in-a-basic-column-graph-of-highcharts
    https://stackoverflow.com/questions/32776861/how-to-show-hide-categories-with-checkbox-using-highchart
    https://github.com/highcharts/highcharts/issues/3118
    https://highcharts.uservoice.com/forums/55896-highcharts-javascript-api/suggestions/3517780-show-hide-one-or-more-bars-in-bar-column-chart

    There are a few suggestions of this here in UserVoice, but those seem too scenario-specific and I thought I'd just make a compilation of all of them here.

    Even something as simple as just providing an additional object for each category that contains what points it has from each series.

    3 votes
    Vote

    We're glad you're here

    Please sign in to leave feedback

    Signed in as (Sign out)
    You have left! (?) (thinking…)
    0 comments  ·  Admin →
    How important is this to you?

    We're glad you're here

    Please sign in to leave feedback

    Signed in as (Sign out)
  9. This suggestion is an outcome of my longtime involvement with the modelling of many-to-many communications, initially at the RAND Corporation and subsequently at the University of Oxford with some intriguing results in applications such as predicting voter behaviour (see this article http://analytics-magazine.org/voter-motives-and-messages/).

    Recently, I found myself involved in the objective analysis for the determination of the best e-banking UI; as it is apparent that soon enough the best bank will be the one with the best UX/UI design.

    Here we used highcharts to visualise our findings. Corellating for example the Use Case scores vs. the Functionalities available using a…

    2 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  ·  Admin →
    How important is this to you?

    We're glad you're here

    Please sign in to leave feedback

    Signed in as (Sign out)
  10. 9 votes
    Vote

    We're glad you're here

    Please sign in to leave feedback

    Signed in as (Sign out)
    You have left! (?) (thinking…)
    How important is this to you?

    We're glad you're here

    Please sign in to leave feedback

    Signed in as (Sign out)
  11. The implementation of scale breaks when there are large differences between the high and low values of the data being plotted.

    A sample can be found in the below link, implemented in the old Dundas Charting tool.

    https://origin2.cdn.componentsource.com/sites/default/files/resources/dundas/538201/WebChart2005/Scale%20Breaks.html

    The Highcharts feature yAxis.breaks is useful only when the difference between data points is known or when the data is small. The data is dynamic in our case and can be large and the breaks need to be automatically drawn considering not a single series but with respect to all the series present in the chart.
    Thank you.

    1 vote
    Vote

    We're glad you're here

    Please sign in to leave feedback

    Signed in as (Sign out)
    You have left! (?) (thinking…)
    How important is this to you?

    We're glad you're here

    Please sign in to leave feedback

    Signed in as (Sign out)
  12. Hello,

    First of all thanks for great library. In our company we are using licensed version and we need static library support for cocoapods.

    Using "usemodularheaders!" in Podfile causes to have pods as a single static library in the project which results in smaller app size and reduced initial load time for the app. We discussed the support in github : https://github.com/highcharts/highcharts-ios/issues/150

    We will really appreciate if this is supported.

    King Regards

    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  ·  Admin →
    How important is this to you?

    We're glad you're here

    Please sign in to leave feedback

    Signed in as (Sign out)
  13. 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

    We're glad you're here

    Please sign in to leave feedback

    Signed in as (Sign out)
    You have left! (?) (thinking…)
    1 comment  ·  Admin →
    How important is this to you?

    We're glad you're here

    Please sign in to leave feedback

    Signed in as (Sign out)
    Kacper Madej responded

    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.

  14. 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.

    25 votes
    Vote

    We're glad you're here

    Please sign in to leave feedback

    Signed in as (Sign out)
    You have left! (?) (thinking…)
    How important is this to you?

    We're glad you're here

    Please sign in to leave feedback

    Signed in as (Sign out)
  15. Hello, we are your customer and urgently need Pie chart with negative and positive values

    1 vote
    Vote

    We're glad you're here

    Please sign in to leave feedback

    Signed in as (Sign out)
    You have left! (?) (thinking…)
    How important is this to you?

    We're glad you're here

    Please sign in to leave feedback

    Signed in as (Sign out)
  16. I think currently high chart support legend at single position, but I would like to display the legend on top as well as on bottom of the chart, because if the chart is bar chart and more values then user need to scroll the page again and again to view the legend.

    So please let me know if it is already implemented or add to todo's list.

    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  ·  Admin →
    How important is this to you?

    We're glad you're here

    Please sign in to leave feedback

    Signed in as (Sign out)
    planned  ·  Kacper Madej responded

    Multiple legends feature is currently planned and the implementation has already started.

  17. We would like to be able to generate control charts to show measurements of some property of a product (e.g. mass, thickness, voltage, ppm of a chemical, etc.) over time and also overlay statistical measures line charts including the mean of the sample, ±3σ, UCL (Upper Control Limit - an upper threshold specification value), LCL (Lower Control Limit - a lower threshold specification value), and highlighting data points that may be out of control based on the 7 Wester Electric rules (https://en.wikipedia.org/wiki/Western_Electric_rules). For additional information check out http://asq.org/learn-about-quality/data-collection-analysis-tools/overview/control-chart.html.

    11 votes
    Vote

    We're glad you're here

    Please sign in to leave feedback

    Signed in as (Sign out)
    You have left! (?) (thinking…)
    How important is this to you?

    We're glad you're here

    Please sign in to leave feedback

    Signed in as (Sign out)
  18. 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

    We're glad you're here

    Please sign in to leave feedback

    Signed in as (Sign out)
    You have left! (?) (thinking…)
    1 comment  ·  Admin →
    How important is this to you?

    We're glad you're here

    Please sign in to leave feedback

    Signed in as (Sign out)
  19. In most gantt charts, the ability to resize and drag in addition to the chart for the gantt charts table has also been implemented.
    This means we can change the size of the table columns
    We can also move the table rows with tasks

    1 vote
    Vote

    We're glad you're here

    Please sign in to leave feedback

    Signed in as (Sign out)
    You have left! (?) (thinking…)
    0 comments  ·  Admin →
    How important is this to you?

    We're glad you're here

    Please sign in to leave feedback

    Signed in as (Sign out)
  20. Some charts, such as heatmaps, frequently have categorical x and y axis values. Converting categories to numerical indices adds extra code and possibility for error. X-axis categorical values can be specified within an object array using the "name" field. I suggest a similar field ("yname") to specify y values by name, rather than index.

    1 vote
    Vote

    We're glad you're here

    Please sign in to leave feedback

    Signed in as (Sign out)
    You have left! (?) (thinking…)
    0 comments  ·  Admin →
    How important is this to you?

    We're glad you're here

    Please sign in to leave feedback

    Signed in as (Sign out)
1 2 8 10 12 54 55
  • Don't see your idea?