Highcharts Javascript API

  1. Add ISO3166 Subdivision codes to Maps

    I'm working on the implementation of Maps in our application. Internally, we identify states as ISO3166's subdivision codes. It seems that this codes do not always match the "hc-key" provided in some maps. For example, for Argentina:

    https://code.highcharts.com/mapdata/countries/ar/ar-all.js
    "features": [
    {
    "type": "Feature",
    "id": "AR.TF",
    "properties": {
    ...
    "hc-key": "ar-tf",
    ...
    "woe-name": "Tierra del Fuego",
    ...

    While in the ISO, the code is different:

    https://www.iso.org/obp/ui/#iso:code:3166:AR
    Tierra del Fuego -> "AR-V"

    "ar-tf" != "AR-V". In general, in US states the only difference is the letter case (it's lowercase for hc-key, while it's upper case to ISO).

    Can we add the ISO…

    72 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. item

    I like the new "Item" chart. But I have been frustrated with the management of real. It would be really nice if the last item point/symbol could be cut according to the decimal corresponding.
    https://jsfiddle.net/9n3kbyzs/
    Even if we want to display a percentage, the rounding method (it's a ceiling round) result in a chart with 102 items (I don't want to round number before because on hover I want the real value to be displayerd).
    Thanks

    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. Network graph Zoom in/out

    Is there any way to add the ability to zoom in/out in Network graph?

    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 →
  4. Network graph nodes connected line click event

    For Network graph , when two nodes connected by one line, I want to click the line and trigger click event, and get the information of those two nodes

    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 →
  5. Enable second row of boxes in timeline

    In the timeline graph, if there is sufficient height in the graph, it would be great if the points that are hidden because overlap: false is set, that if there was space to render "two" (or more) rows of boxes (with longer connecting dots) that those boxes were rendered above/below the original boxes.

    3 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. dragging the dependencies on run-time by user like nodes can be dragged at run-time by user in interactive-gantt

    Steps to replicate –
    Click on the following URL -https://www.highcharts.com/gantt/demo/interactive-gantt
    Click on “Edit in JSFiddle”.
    Try dragging “prototype” or any other node.
    Unlike nodes which can be dragged by user at run-time, (dependencies) dependency arrows cannot be dragged by user at run-time.

    4 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. Patterns in venn diagram

    How shall we add patterns and visibility of series in venn diagram? So that can represent the intersected data in patterns and can also disable the unwanted circle through aps by controlling visibility from aps. If you have any kind of solution kindly reply as early as possible.

    0 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. Allow multiple targets in bullet chart

    Please add multiple targets for bullet charts. We have to need to show multiple targets; eg soft targets, hard targets, benchmark etc.

    Ideally, each target would be a different colour and there would be a hover-over legend

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

  10. Define two font colors for datalabels depending on inside or not

    In a bar chart I found no way to define if datalabel is inside or outside of the bar. Highcharts computes this depending if the text fits inside or not.

    When you have a white background and a colored bar, and you want to have the complementary color for the text depending on inside or outside of bar there is no way to find out which color to set, because highcharts positions the text dynamically. e.g. on changing browser size, the position can swap from and to inside or outside of the bar.

    Sample: some labels are inside and some…

    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. Make accessibility mode the default

    In the existing docs, it states:
    > We recommend to always include the accessibility module, unless there is an explicit reason not to do so. Including this module will make your charts compatible with assistive technologies used by people with disabilities, and also improve the usability of your charts, helping you reach a broader audience. Including the Accessibility module will also help with SEO by making your charts more visible to web crawlers.

    I seriously commend you for providing this support, but is there any reason not to make this the default and opt-out instead of opt-in?

    Web dev in…

    10 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 →
  12. moment is DOA, please replace dependencies

    moment.js and moment-timezone.ts are obsolete. Please remove dependencies on them. In fact, don't add dependencies, provide a callback for the needed functionality so we can choose between luxon and spacetime.

    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. Stack graphs to HighStock

    Hello.

    I have a site with multiple line graphs drawn using HighStock, and a couple stack graphs drawn using HighCharts.

    The users like the range selector, and would like to also use it on the stack charts.

    Currently HighStock doesn't have stack charts and HighCharts does not have range selector, and so the data range is limited by the width of the page.

    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 →
  14. waterfall: non-numeric total date xAxis label

    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
    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 ability to toggle (show/hide) category visibility

    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
    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. Boost Module for Sankey Chart

    The boost module would be beneficial for large dataset when using the sankey chart. We are experiencing a severe degradation in performance with large datasets on this chart type

    1 vote
    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 →
  17. Gantt integration with Angular way

    Could you please provide mode document/guideline details for integrate the Gantt chart with angular way?

    Anywhere I didn't the materials.

    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. Pie chart with negative and positive values

    Hello, we are your customer and urgently need Pie chart with negative and positive values

    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. Subtasks in multi-column mode

    Please
    You can also implement subtask for multitasking
    This item is an important feature for gantt charts
    The demo below does not feature subtask:
    https://jsfiddle.net/user/sara_u3fi/fiddles/

    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. Target for column and bar chart

    Bullet chart has the option to pass a target value to the data (https://api.highcharts.com/highcharts/series.bullet.data.target). This is not possible for column or bar.

    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