402 results found
-
Add data exploration capabilities
Hi, I've used Highcharts in the past and love it! But right now I am looking for a charting framework that can let users explore the data by filtering it across the entire page.
An example of what I am looking for can be found on the dc.js main page, under the Examples section:
http://dc-js.github.io/dc.js/When you click on a year's bubble, the rest of the charts on the page show only that year's data.
I would love to have this capability in Highcharts, is there any way to make this happen?
3 votesSure, that’s what the API methods are for. For example, you add a click event listener to your bubbbles, and use it to do operations like xAxis.setExtremes, series.setData etc on all the other charts. See http://api.highcharts.com.
-
Tooltip shows with finger move
When long press at the chart, it will show the tooltip, and the tooltip will show continuous all the time when the finger move right and left after the long press without the finger leaving from the screen.
3 votes -
add a header to the legend
I'd like to see a legend header so that when you displaying multiple values there is a way of knowing what the values mean. For example:
Label Total Perc.
peach 5 50%
orange 4 40%
apple 1 10%3 votesLegend title is already supported, see http://api.highcharts.com/highcharts#legend.title
-
Highstock - Display a message when noData is available
Implement the same functionality as for the highchart graph types. So when no data is available, developers will have the possibility to add a custom message.
See the highchart functionality solved on uservoice:
https://highcharts.uservoice.com/forums/55896-highcharts-javascript-api/suggestions/1065633-display-no-data-to-display3 votesThe no-data module works for Highstock too: http://jsfiddle.net/highcharts/sgawdhhd/
-
Solid Gauge + spreadsheets
Hi, have problem do integrate solid gauge to google sheets.
http://jsfiddle.net/AYYCv/279/
can you help-me?
3 votesHere you go: http://jsfiddle.net/AYYCv/280/
-
"mode" approximation for Highstock dataGrouping
I would like a new "mode" approximation that returns the most common element of an array when grouping data. Currently we have "average", "open", "low", "high", "close", "sum" and none of these work for me. So if the array is [1, 2, 3, 4, 4], I want "4" (most common), not "2.8" (average).
If the results are multi-modal [1, 1, 2, 2] or non-modal [1, 2, 3] then "open" is a good fallback.
I would also like this "mode" to be available in OHLC popups.
http://api.highcharts.com/highstock#plotOptions.series.dataGrouping.approximation
3 votesAs you can see in the docs, the approximation can also be a callback function. This means you can create your own function that returns the most common element.
-
Add ability to configure sort on TreeMap
TreeMaps are currently hard coded to sort on the value in insertElementSorted. We would like ability to turn this off so items stay in the order they are in. Being able to configure a different field to sort on would be useful too. How about a property like sorting with options false for none, default to "value", and any other string is a property.
3 votesIndeed! Closing this.
-
Zoom and Pan chart
Users these days are very used to zooming and panning maps, in a way where panning does not reset zoom level. We find our users wanting to explore the rest of a chart after selecting the zoom level, but the current interface forces them to reset zoom, pick another region and zoom again.
A zoom-and-pan user experience would take highcharts to the next level - use the metaphor of Google Maps.
3 votesThanks for your suggestion, but this is already supported through the panKey option. See http://api.highcharts.com/highcharts#chart.panKey. Does this work well for you?
-
Create polar chart on top of map
I want to plot a polar chart on top of a map to show the air pollution concentration and the wind direction on the map. I prefer it to be Google map but any satellite map will do. Is it possible ?
3 votesYes, basically you just need to place a div on top of the Google map, then add the chart to the div.
-
Exporting multiple charts on a client side
This is a highly needed feature, for example, if you're developing a sales dashboard that is used for displaying multiple charts on a single page. Currently Highcharts does support exporting multiple charts but only to an external server. There are some hacks found from the Internet but I would really like to use an official solution.
3 votesWe now support using the functions in the offline-download module to build your own SVG composition before downloading, which allows for exporting multiple charts at once.
Demo of exporting dashboard: http://jsfiddle.net/highcharts/eatqca8n/
-
Can we change the bubble size dynamically on High Maps
Is there any way to change the size of each bubble in High Maps Map Bubble. I want to display each bubble with some dynamic value for example Revenue of each quarter. Is there any way we can achieve that in High Maps?
3 votesThis can be done using series.setData (http://api.highcharts.com/highmaps#Series.setData) or point.update (http://api.highcharts.com/highmaps#Point.update).
-
Multiple y-axis for stacked column chart
Currently, if you use multiple Y-axis in combination with a stacked column chart, all columns are stacked together. Example:
http://jsfiddle.net/Lanerxnr/1/
I propose that only the columns belonging to the same y-axis are stacked together. This would mean that in the example above, "Rainfall 3" would not be stacked on top of the others, but rendered next to it and have it's own axis.
If there was an additional series with y-axis=1 would be rendered on top of "Rainfall 3"
3 votesYou can achieve that by giving the series a separate stack option. For simplicity you can call it the same as the yAxis option: http://jsfiddle.net/Lanerxnr/3/.
-
multiple series
For Highstocks multiple series, please add the buttons to activate/deactivate series.
3 votesHi, Paul! This is already in Highstock, but disabled by default. See http://api.highcharts.com/highstock/legend.enabled
-
Put links to url's in http://www.highcharts.com/demo/treemap-with-levels
Have a parameter to place the url name on each label on the map
3 votesYou can add links to data labels with the useHTML option. Example: http://jsfiddle.net/7L22zL1j/
-
Change export icon
The export icon is 3 horizontal lines (looks like hamburger menu). It is not the correct paradigm and it does not imply export or download. Please change it or allow using a different icon.
3 votes -
Improve tooltip.formatter documentation
Just from the documentation https://api.highcharts.com/highcharts/tooltip.formatter it is not clear what you have to return from your formatter call. It suggests that you always return a string (basend on the provided examples)
However when you dig into some issues and SO it is clear that for split tooltips you also can return an Array. First entry will be the x-label tooltip and then each following entry is one point.
Just couple of examples how hard it is to find this is actually possible:
https://stackoverflow.com/questions/45981514/highstock-tooltip-formatter-if-using-split-true?rq=1
https://github.com/highcharts/highcharts/issues/6115
https://github.com/highcharts/highcharts/pull/5976
and even the type definition is not complete https://api.highcharts.com/class-reference/Highcharts.html#.FormatterCallbackFunction%3CT%3EI'd suggest simply extend the documentation…
3 votesThanks for the feedback! I have improved the description and added a live demo. See https://github.com/highcharts/highcharts/commit/32200d866ea5fa454e9365021f0ab3ec9bec5f34. Live demo at https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/tooltip/formatter-split/
-
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 -
Dynamic javascript loading as needed
Good day colleagues.
Allow me to suggest optimizing the loading of your modules using tools such as script async and defer. I tried to independently select the optimal sequencing of script downloads, but unfortunately, your modules refuse to work.
For example, I need to load 1 base library (highcharts) and 3 additional modules (export, offline export, wind barb), according to your documentation, I need to add 4 synchronous download scripts to the website header, which significantly slows down the loading of my website and spends browser resources wasted, because I need the output of graphs only at the command of…
3 votesI think for your use case, it is better to load the scripts dynamically rather than using script tags and async/defer. Using async/defer there is no guarantee the scripts are executed in order, which may impose a problem since the modules depend on highcharts.js.
A better way would be to use require.js to load them async, see https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/amd/simple/. Or to load the ES modules directly, see https://api.highcharts.com/class-reference/#toc4
-
Setting opacity of scatter points too similar to area chart
When the number of points are huge its hard to view the overlapped points i think opacity feature will give a much clearer view.
2 votesIt is already implemented. When you set the color of the series to an rgba value, the points will be rendered transparent. See http://dev.highcharts.com/demo/?example=scatter&theme=default.
-
How to set the opacity of a Column Chart?
To Set the opacity of Column Chart in the same way it is done for Area Chart.
Link For Area Chart: http://jsfiddle.net/t2MxW/23/2 votes
- Don't see your idea?