Highcharts Javascript API

  1. Mixing categories and subtasks in HighCharts Gantt?

    Hello,

    As I tried explaining here : https://stackoverflow.com/questions/54947746/mix-categories-and-subtasks-in-highcharts-gantt

    I was wondering if, in Gantt, it was possible to use parent/subtask (folding and unfolding) while also having multiple tasks on a same "line" (mixing "Interactive gantt" demo with the "subtasks" one). Apparently it is not and so I'm wondering if this behavior can be expected in the future.

    For now, I think I will use css classes (or another way of identifying the parents/children) to add a bold + folding icon to parents, and to .hide() the depending yAxis when clicked (that means having an event on the label, but I'm…

    10 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. packed bubble chart - please provide me code to implement this chart in angular

    I am trying to use packed bubble chart in my angular app, its showing no error at the same time , its not displaying any thing on page, empty displayed. used https://codepen.io/anon/pen/gELMjX sample.

    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 →
  3. Resize columns and drag&drop feature in the gantt charts table

    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
    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. Support for non-numerical y-axis object array specification

    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
    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. 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 →
  6. Improve navigator.series documentation

    In the (highstock) navigator.series documentation there is no data property mentioned (https://api.highcharts.com/highstock/navigator.series), however in your example (https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/stock/navigator/series-data/) you provide a data attribute.

    I guess you covered it with the sentence in the introduction 'Available options are the same as any series'. But the problem is if it is not reflected in the documentation it is not available in TypeScript (because I think you generated the sources out of the documentation?)

    Would be great if you can adjust the documentation (and TS type for NavigatorSeriesOptions)

    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 →
  7. 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 →
  8. Add an option to the navigator to behave like the range selector

    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
    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. Native option to zoom and center highmaps on nonempty regions

    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
    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. 1 vote
    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 →
  11. Grouped Categories on Export Server

    Grouped Categories on Export Server.

    It seems I can't find any solution for the grouped categories for export server. If there's a solution how to bind this, so it will lessen my time of development. we already using the blacklabel plugin for grouped categories but it only works on web but not on export server. Thanks!

    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 →
  12. 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 →
  13. Support custom fonts in graph exports

    When exporting graphs to any format, if you are using a custom font that is not installed on the user's computer (even if you are using the CSS @font declaration to include it for your site), the font will not be used on the exported chart.

    Example:
    http://jsfiddle.net/n2rcogxa/

    You should be able to solve the issue by embedding the base64-encoded font in the SVG document prior to converting from SVG to whatever the desired format is (PNG, JPG, PDF, etc).

    Example:
    http://jsfiddle.net/moyf3zvb/2/

    Note you *must* actually embed the font. Including it as a @font declaration in the SVG document does…

    9 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 →
  14. 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 →
  15. 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 →
  16. Static library support

    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 "use_modular_headers!" 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
    Sign in
    (thinking…)
    Sign in with: Facebook Google
    Signed in as (Sign out)
    You have left! (?) (thinking…)
    1 comment  ·  Flag idea as inappropriate…  ·  Admin →
  17. 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.

  18. 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 →
  19. Duplicate Legend

    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
    Sign in
    (thinking…)
    Sign in with: Facebook Google
    Signed in as (Sign out)
    You have left! (?) (thinking…)
    1 comment  ·  Flag idea as inappropriate…  ·  Admin →
  20. 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 →
  • Don't see your idea?

Highcharts Javascript API

Feedback and Knowledge Base