95 results found
-
Using custom shapes like callout box for tooltips
Please provide facility in Api to use shapes like callout box other than the default rectangle shape for tooltips.
7 votesActually this is possible today, you just have to write the symbol path, which is quite complicated. Here’s a sample that supports pointers on the right and left side. Rounded corners not yet supported:
-
Support 3d line charts with multiple series
At the moment there is no support for 3d line charts with multiple series. Something like this
https://habrastorage.org/getpro/habr/post_images/c82/1f8/8fe/c821f88fe784e852dab621227f2d1c52.png7 votesThanks for writing. It would be like http://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/samples/highcharts/3d/column-grouping/, except with a line chart instead of column.
-
Set <svg> shape rendering property
http://www.w3.org/TR/SVG/painting.html#ShapeRenderingProperty
Allow setting of shape-rendering attribute in order to enable speed optimising.
Code modification example:
SVGRenderer.prototype = {
/**
* Initialize the SVGRenderer
* @param {Object} container
* @param {Number} width
* @param {Number} height
*/
init: function(container, width, height) {
var box = doc.createElementNS('http://www.w3.org/2000/svg', 'svg'),
loc = location;
attr(box, {
width: width,
height: height,
'shape-rendering': 'crispEdges', //suggest to add this by config7 votesYou can set it using CSS:
svg.highcharts-root {
shape-rendering: optimizeSpeed;
}See http://jsfiddle.net/highcharts/qkdynr7s/. You can see from the ugly, jagged line that it works.
-
callback for 'noData'
When there is no data to display, the message shows up on the chart. But there are things users might want to do in such a situation. For example, I have custom navigation buttons which lose meaning when there is no data. Some might even want to remove the context menu button. It would be great if there'd a callback where you could add/remove elements to/from the chart.
7 votesThanks for your suggestion! You can wrap the showNoData and hideNoData functions to add your custom code: http://jsfiddle.net/highcharts/3u2crb53/
-
Allow disable date input without hide
Allow do disable date input of rangeSelector without hide one
7 votesFor now, here’s an extension you can use to remove the click event after creation: http://jsfiddle.net/highcharts/9sBMt/
-
Position tick labels between ticks on a date-time x-axis
In a chart with data plotted on and datetime x-axia i would like to position tick labels between ticks rather than on ticks. An when i zoom they still appear in the center to the right of it's tick.
for example i have a tick on August 1st and another on September 1st and my date formate is MMM. I would like to see 'Aug' centered between the August 1st tick and the September 1st tick
7 votesThis would definately be a nice feature. I believe we would need two types of label placement on datetime axes. Interval labels would be placed between ticks. For example a month name. But if the interval spans two months, like August-September, the label would have to be placed on the 1st of August.
-
Avoiding series overlap
Let's say I have a chart similar to http://jsfiddle.net/k7n8cf8m/
There are two lines with almost same data.I've got a question if is there a possibility, to present those lines joined together, one above, second right below (without padding or anything, just 2 glued together lines). I mean it shouldn't overlap each other, but display like a rainbow instead.
Something like that: http://jsfiddle.net/BlackLabel/3goqaqfj/
But without changing data values.Is there a chance to introduce something like that in near future?
6 votesThis is a bit similar to the minPointLength option – https://api.highcharts.com/highcharts/series.column.minPointLength, which aims to ease readability when points overlap. It also has the same logical problem: If a small offset is added for multiple series or points after each other, eventually the points will be drawn off scale.
Here’s a small plugin I wrote that offsets the series by an optional amount of pixels per the series index: http://jsfiddle.net/highcharts/vgdga7vw/1/. As you see, it doesn’t actually consider if any offset is necessary, plus when you have a lot of series it will be off scale.
-
Ability to specify the minimum gap size in seconds
Please, add the possibility of specifying the gapSize in seconds (eg gapTime). It will be very-very useful for timeline charts for Highstocks and Highcharts.
6 votesFor the records, it would not be seconds specifically, but X values in general.
Here’s a snippet that makes the gapSize apply to absolute X values (meaning milliseconds in our case): http://jsfiddle.net/highcharts/wado3rku/
If we implement this in the core, it should probably be called gapValues or gapSizeAbsolute, but we need to check how it works with an ordinal axis.
-
Rangeselector with numerical x-axis
Rangeselector is great, but I have only seen it with dates on the x-axis. Is it also possible to have numerical values instead?
I would expect it to be relatively straight-forward. If not, is there a reason for not supporting it?
Thanks!
6 votesIt’s already possible, but not very intuitive, since Highstock is all about time-based data. The trick is to set the button type to “millisecond”, which represents one axis unit: http://jsfiddle.net/zgLdjk6k/
-
Allow injecting a tooltip into the document body directly
Allows using highcharts within more complex stacking contexts, and offers a much cleaner solution to issues like http://stackoverflow.com/questions/18658043/highcharts-pie-tooltip-cuts-off, http://stackoverflow.com/questions/10734746/highcharts-tooltip-overflow-is-hidden, http://stackoverflow.com/questions/31415313/force-highcharts-to-display-tooltip-outside-of-div-container, http://stackoverflow.com/questions/20556824/highcharts-tooltip-z-index, http://stackoverflow.com/questions/15130311/highcharts-labels-visible-over-tooltip, etc.
4 votesI think this study addresses the problem:
http://jsfiddle.net/gh/get/jquery/1.7.2/highcharts/highcharts/tree/master/samples/highcharts/studies/tooltip-outside-box/We are considering making this a part of the core. Does it resolve your problem?
-
Accept chart settings and data and return a PNG of the chart
Create a service similar to https://pdfcrowd.com/.
Create an API endpoint that can convert settings into a file format (PNG) that is charged either per conversion or annually.
The API would take our chart settings and chart data, plot the chart on your server side and return to the client a PNG (or other supported file types) of the chart we requested.
4 votesThank you for your suggestion!
Currently, you can use our public export server to do this. It runs at https://export.highcharts.com and accepts parateters as described at https://www.npmjs.com/package/highcharts-export-server.
There is however a limitation of 10 charts a minute. We are considering setting up a commercial service to allow more conversions.
-
redraw chart on mobile orientation change
With Highchart version 3.0, the chart does not get rendered on mobile orientation change. I am not sure if this is available with Hightchart ?
4 votesHighcharts doesn’t do anything internally on orientation change, except it reflows if the window.resize event fires.
You can add your own listeners to orientation change though.
What does the case look like? Is there a problem?
-
Auto-Calculated Bar Width
It would be interesting to have the width of the bars adjusted automatically. Something similar like this: https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/AutoCalculatedBarWidth/AngularJS/Light/
4 votesThank you for your suggestion, that’s a nice solution to column placement challenges. Alternatively, the column width could be the same, but the position centered inside the category.
-
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 votesThanks for the idea, it makes sense to be able to drag the dependencies. We’ll discuss this in house.
-
Pagination facility providing is most important for bar charts
Pagination facility providing is most important for bar charts
3 votesWe don’t have pagination currently, but you can add a scrollbar to the X axis: http://utils.highcharts.local/samples/#view/stock/yaxis/inverted-bar-scrollbar
-
Exportable individual border thickness and colors
It would be great if the borders around the charts had similar controls to that of CSS where we could edit the border colors and thicknesses individually. My one example is that we need to have only the left border of a chart thick red while the rest of the borders are to remain thin and gray. Here is an example image: http://connect.urnerbarry.com/public/album_photo/1d/09/0914_e1ba.PNG?c=332c
There is an old idea that is similar but doesn't appear to have any replies other than mine here: http://highcharts.uservoice.com/forums/55896-highcharts-javascript-api/suggestions/4974960-can-we-have-series-border-options-like-left-border
3 votesI think it is a little bit too specific to add to the configuration API, but you can simple add this as a small plugin.
-
Add double slash rendering on axis to simple break
Simple breaks may be quite confusing now because the reader of the chart has no indications of the occurrence of a break in the axis. It would be very nice to add to the simple break an axis cut by too slashes same way as shown on the Y axis of this sample : http://jsfiddle.net/gh/get/jquery/2/highcharts/highcharts/tree/master/samples/highcharts/axisbreak/break-visualized/
It would be very nice to have such feature configurable through highcharts editor
visualization of the break in the graph itself is a more advanced feature that could be addressed in javascript because it depends much on the type of graph.
3 votesYes I agree this should be the default visualization. We need an option to turn it on or off though, as it would probably become too obtrusive for stock chart x axes where there is a break every night. Also, the Y axis by default has no line width, so the break by default would be invisible.
Any suggestions?
-
Configuration of line color for individual bars/columns in bar/column chart
Being able to configure not just the fill colour of the bars in a chart, but the outline colour as well.
3 votes -
Faded rectangle on candlestick chart which indicates minimum and maximum based on time t1- begin and t2-end of time window.
Idea is shown here: http://waszczyk.com/resources/rectandleDoNotDelete.PNG Top edge indicates a maximum from chart and bottom edge shows a minimum with respect to input- T1 and T2. The background color is faded and custimizable.
3 votesCould a polygon series work for you? http://jsfiddle.net/highcharts/n43L0a2x/
-
Bubble Coloring
We have a requirement to color the bubble depends on the size. Basically, if the value is high, it will have a darker color and for a low value, a lighter color.
3 votesBy borrowing some functionality from color axis, you can compute dynamic colors for the bubbles: http://jsfiddle.net/highcharts/pa9byxym/
- Don't see your idea?