402 results found
-
4 votes
Implemented: https://jsfiddle.net/BlackLabel/a2goyq98/
-
Animate Treemap chart (zoom effect). DC charts has it :-)
When clicking on the top level of the treemap object, there should be nice zooming effect. Like this one https://bost.ocks.org/mike/treemap/
1 voteWe do it too, but it depends on the animationLimit setting. See http://jsfiddle.net/highcharts/axph4j2h/.
-
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.
-
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?
-
1 vote
You need to set the X axis to reverse and opposite: http://jsfiddle.net/highcharts/texgx7hh/.
For general tech support, please see www.highcharts.com/support.
-
11 votes
-
Onscroll event for scroll bar enabled charts
I would like to get the extremes on scroll of the chart. With this I want to show the plotted values of the visible chart.
1 voteYou can use the X axis setExtremes event, and check for e.trigger === ‘navigator’. See http://jsfiddle.net/highcharts/un3fLbqr/.
-
Cant get same line chart in term of size on downloaded pdf and web page, 2) Cant get some solution for tapping the line points means over af
Hi
I used High Chart in one my project [please see image attached linechart with small line and ponter.png] here having line charts and points means tab on each point. Now I added functionality like download this in 'pdf' form for that I used 'mpdf' lib in PHP. If I used another chart like raphel js then chart look same as that of in web page and pdf. However I used hight chart found one issue that its come on pdf but line are too much broad(big sizelline) as compare to web page[see image attached linechart.png and strain_detail.pdf ]. I…
1 voteHi Ravi,
1. The wide line is probably the tracker object for your chart, probably the PDF library doesn’t support opacity correctly. Try disabling mouse tracking in the exported file like so: http://jsfiddle.net/highcharts/ztfj7ktd/.
2. The exported PDF does not support events.
PS: Uservoice is generally for feature requests. For general tech support, see www.highcharts.com/support.
-
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.
-
Packed Bubble Chart
I would suggest the idea of a Packed Chart. The idea will be a char which the bubbles will only have a size value ( the will not have cordinates x-y) and Highcharts will calculate the best radius, and coordinates x-y for the best visualization.
As idea I will suggest see the following links: https://github.com/mbostock/d3/wiki/Pack-Layout and https://strongriley.github.io/d3/ex/bubble.html.
113 votesPacked bubble series:
https://www.highcharts.com/docs/chart-and-series-types/packed-bubble-charts
-
"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 a click event for tooltip text
I am using highcharts ( Line ) in my php application. I want to use onclick event handler inside the tooltip to open the modal dialog. But i don't find any solution for that, even in highcharts there is no click event available for tooltip item. I also used formatter option inside tooltip but it doesn't worked. Please help me in this issue
I am trying this
tooltip: {
useHtml: true,
formatter: function () {
var s = '<b>' + this.x + '</b>';
$.each(this.points, function (i, point) {
s += '<br/><span style="color:' + point.series.color + '">\u25CF</span>\n\ <span onclick="my_function();">Click Me</span> '…1 voteYou had useHTML misspelled as useHtml.
-
Legend for treemaps like in pie
Add a point legend for a treemap. So that this treemap http://jsfiddle.net/kzoon/fgjt659a/2/ can have a legend just like this pie chart http://jsfiddle.net/kzoon/Ltndgv27/1/
There are 3 reasons for wanting this:
1 To enable users to add/remove points using the legend
2 Data labels don't fit in the smaller data points. If you have several smaller data points the labels either overlap or get suppressed
3 When a treemap and other chart types are presented side by side, they should look the same as much as possible. Having a legend on all chart types does just that.11 votesThanks for your suggestion! I did some refactoring to allow this functionality with more series types than just pie and its derivatives. For example it makes sense for columns with colorByPoint also.
The commit is available at https://github.com/highslide-software/highcharts.com/commit/a20dd76eb207defc1df92efd5a91738835e4f595.
Demos:
- http://jsfiddle.net/fgjt659a/3/
- The second case uses a little override which filters the items: http://jsfiddle.net/7fx65949/1/ -
better alignTicks logic
As for now ticks alignment logic has potential to be better. For example: http://jsfiddle.net/knrw5L6o/ - clearly max could be set as 125 or at least 150.
0 votesFixed by letting the ticks land on more intermediate values.
-
Tooltip for polygon area
I found tooltip is always for points in polygon but it will be good if we can have tooltip for polygon so that more and more information can be fetched for the covered area.
1 voteYou can add whatever information you like in the tooltip format or formatter settings.
-
Mountain visualization
I would like to use Highcharts to render such chart: http://alumni.media.mit.edu/~fviegas/projects/mountain/
Is this possible? So that data would tell from when to when a particular value is active, and then it would be stacked together in this way?
2 votesThis is a stacked area chart. Each thin line (stratum) is represented by a series.
PS: If you have raw data for this, I can help you set up a sample.
-
how the x-range yAlias categories text Align left?
I use a x-range component, I need the yAlias categories text Align left? how can I do it ? the url is http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/studies/xrange-series/
1 voteSet align: left. But you need to set a margin to the chart as well. http://jsfiddle.net/highcharts/5qzw3n6r/
-
Disable Element like RangeSelector Dynamically
It can be interesting to disable Element like RangeSelector dynamically. Like when you export a chart. We can do something like:
chart.options.rangeSelector.enabled=false;
chart.update();
There is a method to hide element:
http://jsfiddle.net/dJbZT/99/
That I found on stackOverflow (http://stackoverflow.com/questions/25802472/how-to-hide-show-scrollbar-and-range-selector-of-highcharts-on-button-click)
But this is not very good, because the Element are hidden but if you hide the the navigator and you have a legend, the legend won't move for example9 votesEvery option in chart can now be dynamically updated via `chart.update(newOptions)` API.
-
Range Selector and Logarithmic Axis
Hi,
It can be interesting to have a rangeSelector which working with a logarithmic axis.
Here an example: http://jsfiddle.net/rt1zjzdw/2/
Try to change the RangeSelector value, you will see that this is not working17 votesWorks fine since v4+ at least :)
-
Flag types should always be over other series
I think flag types should always be over other series? For example, http://jsfiddle.net/680bg7sq/, flags are rendered below another series, because the order of series is such. In my case, series are loaded asynchronously (using addSeries) because I am loading them from the server (and various data takes various time). While for normal series this is often OK, for flags it is not?
1 voteThis behaviour is configurable via `zIndex` option: https://api.highcharts.com/highstock/plotOptions.series.zIndex
- Don't see your idea?