Highcharts JS

New and returning users may sign in

Sign in
prestine
(thinking…)
Password icon
Sign in with: Facebook Google
Forgot password?
Create a password
Signed in as (Sign out)
Close
Close
  • Sign in
  • Sign up

Highcharts Javascript API

Feedback

20 20 votes

Highcharts Javascript API

Categories

  • CATEGORIES
  • All ideas
  • My feedback

JUMP TO ANOTHER FORUM

(thinking…)

  • Searching…

    No results.

    Clear search results
    • Highcharts .NET 7 ideas
    • Highcharts Cloud 19 ideas
    • Highcharts Editor 2 ideas
    • Highcharts Javascript API 1,030 ideas

  • Highcharts JS

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.

votes
Sign in
prestine
(thinking…)
Password icon
Sign in with: Facebook Google
Forgot password?
Create a password
Signed in as (Sign out)
Close
Close
Cancel Submitting...
  • or
  • Hot ideas
  • Top ideas
  • New ideas
  • My feedback

  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:

    <a rel="nofollow noreferrer" href="https://code.highcharts.com/mapdata/countries/ar/ar-all.js">https://code.highcharts.com/mapdata/countries/ar/ar-all.js</a>

    &quot;features&quot;: [

            {

                &quot;type&quot;: &quot;Feature&quot;,

                &quot;id&quot;: &quot;AR.TF&quot;,

                &quot;properties&quot;: {

                    ...

                    &quot;hc-key&quot;: &quot;ar-tf&quot;,

                    ...

                    &quot;woe-name&quot;: &quot;Tierra del Fuego&quot;,

     ...

    While in the ISO, the code is different:

    <a rel="nofollow noreferrer" href="https://www.iso.org/obp/ui/#iso:code:3166:AR">https://www.iso.org/obp/ui/#iso:code:3166:AR</a>

    Tierra del Fuego -&gt; &quot;AR-V&quot;

    "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 subdivisionCode in your provided Maps, maybe as a new metadata key?

    Regards,

    --
    Jose Canciani
    Data Engineering Director
    Reports Manager & Tech Lead
    Avature

    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:

    <a rel="nofollow noreferrer" href="https://code.highcharts.com/mapdata/countries/ar/ar-all.js">https://code.highcharts.com/mapdata/countries/ar/ar-all.js</a>

    &quot;features&quot;: [

            {

                &quot;type&quot;: &quot;Feature&quot;,

                &quot;id&quot;: &quot;AR.TF&quot;,

                &quot;properties&quot;: {

                    ...

                    &quot;hc-key&quot;: &quot;ar-tf&quot;,

                    ...

                    &quot;woe-name&quot;: &quot;Tierra del Fuego&quot;,

     ...

    While in the ISO, the code is different:

    <a rel="nofollow noreferrer" href="https://www.iso.org/obp/ui/#iso:code:3166:AR">https://www.iso.org/obp/ui/#iso:code:3166:AR</a>

    Tierra del Fuego -&gt; &quot;AR-V&quot;

    "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…

    72 votes
    Vote
    Sign in
    prestine
    (thinking…)
    Password icon
    Sign in with: Facebook Google
    Forgot password?
    Create a password
    Signed in as (Sign out)
    Close
    Close
    You have left! (?) (thinking…)
    0 comments  ·  Flag idea as inappropriate…  ·  Delete…  ·  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
    prestine
    (thinking…)
    Password icon
    Sign in with: Facebook Google
    Forgot password?
    Create a password
    Signed in as (Sign out)
    Close
    Close
    You have left! (?) (thinking…)
    0 comments  ·  Flag idea as inappropriate…  ·  Edit…  ·  Delete…  ·  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
    prestine
    (thinking…)
    Password icon
    Sign in with: Facebook Google
    Forgot password?
    Create a password
    Signed in as (Sign out)
    Close
    Close
    You have left! (?) (thinking…)
    1 comment  ·  Flag idea as inappropriate…  ·  Delete…  ·  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
    prestine
    (thinking…)
    Password icon
    Sign in with: Facebook Google
    Forgot password?
    Create a password
    Signed in as (Sign out)
    Close
    Close
    You have left! (?) (thinking…)
    1 comment  ·  Flag idea as inappropriate…  ·  Delete…  ·  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
    prestine
    (thinking…)
    Password icon
    Sign in with: Facebook Google
    Forgot password?
    Create a password
    Signed in as (Sign out)
    Close
    Close
    You have left! (?) (thinking…)
    2 comments  ·  Flag idea as inappropriate…  ·  Delete…  ·  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
    prestine
    (thinking…)
    Password icon
    Sign in with: Facebook Google
    Forgot password?
    Create a password
    Signed in as (Sign out)
    Close
    Close
    You have left! (?) (thinking…)
    2 comments  ·  Flag idea as inappropriate…  ·  Delete…  ·  Admin →
    under review  ·  AdminTorstein Hønsi (CPO, Founder, Highcharts JS) responded

    Thanks for the idea, it makes sense to be able to drag the dependencies. We’ll discuss this in house.

  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
    prestine
    (thinking…)
    Password icon
    Sign in with: Facebook Google
    Forgot password?
    Create a password
    Signed in as (Sign out)
    Close
    Close
    You have left! (?) (thinking…)
    1 comment  ·  Flag idea as inappropriate…  ·  Delete…  ·  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

    3 votes
    Vote
    Sign in
    prestine
    (thinking…)
    Password icon
    Sign in with: Facebook Google
    Forgot password?
    Create a password
    Signed in as (Sign out)
    Close
    Close
    You have left! (?) (thinking…)
    1 comment  ·  Flag idea as inappropriate…  ·  Delete…  ·  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.

    9 votes
    Vote
    Sign in
    prestine
    (thinking…)
    Password icon
    Sign in with: Facebook Google
    Forgot password?
    Create a password
    Signed in as (Sign out)
    Close
    Close
    You have left! (?) (thinking…)
    1 comment  ·  Flag idea as inappropriate…  ·  Delete…  ·  Admin →
    under review  ·  AdminTorstein Hønsi (CPO, Founder, Highcharts JS) responded

    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 are outside of the bar. Which are inside and outside is dynamically changed by highcharts on browser size change:
    https://jsfiddle.net/kc7d6yew/

    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
    prestine
    (thinking…)
    Password icon
    Sign in with: Facebook Google
    Forgot password?
    Create a password
    Signed in as (Sign out)
    Close
    Close
    You have left! (?) (thinking…)
    0 comments  ·  Flag idea as inappropriate…  ·  Edit…  ·  Delete…  ·  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 general has historically taken an opt-in approach to a11y, which has resulted in very low adoption of common a11y practices. Changing it to be opt-out would greatly increase adoption of what absolutely should be standard practices, and keeping it as an opt-out would still give devs the ability to opt out if they need to (though I'm not sure of what that use case is).

    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
    prestine
    (thinking…)
    Password icon
    Sign in with: Facebook Google
    Forgot password?
    Create a password
    Signed in as (Sign out)
    Close
    Close
    You have left! (?) (thinking…)
    1 comment  ·  Flag idea as inappropriate…  ·  Delete…  ·  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
    prestine
    (thinking…)
    Password icon
    Sign in with: Facebook Google
    Forgot password?
    Create a password
    Signed in as (Sign out)
    Close
    Close
    You have left! (?) (thinking…)
    0 comments  ·  Flag idea as inappropriate…  ·  Edit…  ·  Delete…  ·  Admin →

  13. 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
    prestine
    (thinking…)
    Password icon
    Sign in with: Facebook Google
    Forgot password?
    Create a password
    Signed in as (Sign out)
    Close
    Close
    You have left! (?) (thinking…)
    0 comments  ·  Flag idea as inappropriate…  ·  Edit…  ·  Delete…  ·  Admin →

  14. 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
    prestine
    (thinking…)
    Password icon
    Sign in with: Facebook Google
    Forgot password?
    Create a password
    Signed in as (Sign out)
    Close
    Close
    You have left! (?) (thinking…)
    0 comments  ·  Flag idea as inappropriate…  ·  Edit…  ·  Delete…  ·  Admin →

  15. 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
    prestine
    (thinking…)
    Password icon
    Sign in with: Facebook Google
    Forgot password?
    Create a password
    Signed in as (Sign out)
    Close
    Close
    You have left! (?) (thinking…)
    3 comments  ·  Flag idea as inappropriate…  ·  Delete…  ·  Admin →
    under review  ·  AdminTorstein Hønsi (CPO, Founder, Highcharts JS) responded

    Thanks for posting!

    The first step would be to profile the non-boosted code to get the best performance out of it in each case.

    Can you show us a live demo of your problematic chart?

  16. 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
    prestine
    (thinking…)
    Password icon
    Sign in with: Facebook Google
    Forgot password?
    Create a password
    Signed in as (Sign out)
    Close
    Close
    You have left! (?) (thinking…)
    0 comments  ·  Flag idea as inappropriate…  ·  Delete…  ·  Admin →
    under review  ·  AdminTorstein Hønsi (CPO, Founder, Highcharts JS) responded

    Thanks for requesting! We’re considering this as a feature for the variable radius pie chart, where it would fit in by applying a zThreshold so that it could visualize negative Z values.

    In the meantime, you can hack it by adding two series to a pie chart with different radius: http://jsfiddle.net/highcharts/2g8u7vq1/

  17. 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/

    4 votes
    Vote
    Sign in
    prestine
    (thinking…)
    Password icon
    Sign in with: Facebook Google
    Forgot password?
    Create a password
    Signed in as (Sign out)
    Close
    Close
    You have left! (?) (thinking…)
    0 comments  ·  Flag idea as inappropriate…  ·  Delete…  ·  Admin →

  18. 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 not sure if the custom-events plugin is up to date) but if a similar behavior is being developed, I could probably postpone my project.

    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…

    13 votes
    Vote
    Sign in
    prestine
    (thinking…)
    Password icon
    Sign in with: Facebook Google
    Forgot password?
    Create a password
    Signed in as (Sign out)
    Close
    Close
    You have left! (?) (thinking…)
    3 comments  ·  Flag idea as inappropriate…  ·  Delete…  ·  Admin →

  19. 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
    prestine
    (thinking…)
    Password icon
    Sign in with: Facebook Google
    Forgot password?
    Create a password
    Signed in as (Sign out)
    Close
    Close
    You have left! (?) (thinking…)
    0 comments  ·  Flag idea as inappropriate…  ·  Edit…  ·  Delete…  ·  Admin →

  20. 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
    prestine
    (thinking…)
    Password icon
    Sign in with: Facebook Google
    Forgot password?
    Create a password
    Signed in as (Sign out)
    Close
    Close
    You have left! (?) (thinking…)
    0 comments  ·  Flag idea as inappropriate…  ·  Edit…  ·  Delete…  ·  Admin →
← Previous 1 2 3 4 5 … 51 52 Next →
  • Don't see your idea?
Highcharts JS
Highcharts JS Terms of Service Powered By UserVoice

Your password has been reset

We have made changes to increase our security and have reset your password.

We've just sent you an email to . Click the link to create a password, then come back here and sign in.