402 results found
-
tooltip nearest point(series) logic for stockChart
When I have many (many) series on a
stockChart, I've long wished to be able to use the mouse to hover near a point and let the tooltip tell me which series it belongs too -- due to limited colors available, it becomes impossible to tell by color. Recently I was pointed to a new feature (since 5.0.10)findNearestPointByon stackoverflow, which seems to do exactly what I want except it doesn't appear to work in astockChart(as opposed to a regularchart- even with ordinal set to false).I've put up two examples to show the…
1 voteThe issue is that stockCharts have tooltip.shared enabled by default. Try this: http://jsfiddle.net/3d7hqa8d/10/
-
I need some help in applying styles to selected bubble in Highchart bubble charts. http://nimb.ws/IdqJ3U
I need some help in applying styles to selected bubble in Highchart bubble charts.
http://nimb.ws/IdqJ3U1 voteFor basic styling see http://api.highcharts.com/highcharts/plotOptions.bubble.marker.states.select (example: http://jsfiddle.net/bn5s18rv/). If you want to add an image using the renderer or similar, you will have to attach to the select event (http://api.highcharts.com/highcharts/plotOptions.bubble.point.events.select). If you need more help with this, feel free to contact our support. If you are using CSS styling, use the .highcharts-point-select class: http://jsfiddle.net/wtwj3o5b/. Again, for more information, please contact support https://www.highcharts.com/support.
-
enable scrollbar support in highcharts (already in highstock)
scrollbar support is available in highstock, but not in highcharts. it does not merit a license for highstock just for scrollbar functionality.
1 voteScrollbars are available for any axis, but you need to load the Highstock library: https://www.highcharts.com/blog/news/224-scrollbars-for-any-axis/
-
Support percentage font sizing
Per discussion in https://forum.highcharts.com/post136670.html#p136670, it would be helpful if percentage font sizing was supported. It is good that dynamic sizing with the W3C-recommended "em" sizing is now supported. However, percentage sizing is also very common and may make even more sense conceptually for proportional sizing in dynamically sized charts. Internal support could either be direct percentage support or automatic conversion to currently supported em sizing.
1 voteHighcharts in Styled mode seems to work well with percentage font sizes: http://jsfiddle.net/highcharts/0pc7rvut/
-
3d chart to 2d chart conversion
unable to dynamically update the value of "chart.options3d.enabled" attribute.
as per need want to select 2d or 3d view
1 voteIt seems to work fine here: http://jsfiddle.net/highcharts/d3mrghd6/ .
If you have a fail case, please post it in the comments.
-
click on one data points the other data points should disable
For example In a bar chart when i click on one data point the other data points should disable
1 voteYou can link charts using for example select events (or click events) and the dynamic API: http://jsfiddle.net/highcharts/0nkmc6mo/
-
1 vote
-
Centering label in Highcharts General Drawing
Can this be achieved by using the Renderer framework, by adding a line of code in .attr ? I've created a flowchart, similar to the one found here: https://www.highcharts.com/demo/renderer. The label text is left-aligned by default but I wish for it to be center-aligned by default, using the Renderer framework, e.g.,
ren.label('Test is a label', 660, 680)
.attr({
fill: 'black',
stroke: 'black',
'stroke-width': 2,
padding: 5,
r: 0
})
.css({
color: 'white',
width: '100px'
})
.add()
.shadow(true);1 voteThe align: center attribute does the job: http://jsfiddle.net/3ma5f1Lq/2/
-
Document the order dependency of heatmap.js and treemap.js
The documentation and examples do not mention that there is an order dependency for these to work right. Please add this so that people know it won't work otherwise.
1 voteThanks for reporting! We consider this a bug, so we have fixed it. As of next release, the order no longer matters.
- Commit: https://github.com/highcharts/highcharts/commit/b557e6b1bbe40c7efefde9003f6409bdfef457ae
- Demo: http://jsfiddle.net/37wLzh4t/7/ -
I want to do point marker can be drag & drop.
My Requirement is that points marker can be drag & drop with custom icon. and tooltip will display when drag option will perform on marker.
1 voteThanks for writing! See https://github.com/highcharts/draggable-points for the draggable points plugin.
-
Display noData error message on separate lines.
I was able to add noData message on my graph, My error message is long so it should display on separate lines, not in single line.
Is there any way to enter <br> or newline character, so long noData
message will be displayed on separate lines.1 voteThis is possible just as you have described it: https://jsfiddle.net/BlackLabel/f3krz4d1/
For technical support please see:
https://www.highcharts.com/blog/support/ -
Sorting Category names in Stacked bar/column chart
In Stacked bar/column is there any way to sort the category names:
Example :
https://jsfiddle.net/vasjav1/ywspnocd/1/
it should be sorted as
['Apples', 'Bananas', 'Grapes', 'Oranges', ' Pears']
1 voteAvailable since v8.0.0:
https://api.highcharts.com/highcharts/series.column.dataSorting
-
Donut chart subtitle ellipsis
in Donut chart, if the subtitle is very long, is there any way we can display the ellipsis and when hovering over, it will display full text in the tooltip?
1 voteSure, you just set subtitle.style.textOverflow to “ellipsis”: http://jsfiddle.net/highcharts/8u69sr0b/
-
gantt chart data stacked instead of overlapping
Hello,
If two value are same then both show in same position so only one is display and other behind it. Want to display two row for y axis and display separately.
Thank You
1 voteThanks for contacting us! This happens by default once you put the overlapping tasks in separate series.: https://jsfiddle.net/highcharts/bcr2vogn/1/
If this was not what you meant, feel free to reopen the feature request.
-
Visualizing compass direction from an IoT device
Is it possible to create a compass representation to show live compass direction from an IoT device?
1 voteYou can use the gauge series to visualize a compass: https://jsfiddle.net/highcharts/948Lzteq/
-
Provide a .NET Standard or Core Wrapper
.NET Core is growing rapidly in popularity. A highcharts wrapper for cross-platform development in .NET Core is urgently needed.
1 vote -
The posibility to change data in an Chart
The possibility to change live data in a Chart, for example in a linear diagram you double click with the mouse on a plot and you get the y value and when you finished edit it, this triggers an event.
Maybee this feature already exists?1 voteYes it exists, see https://api.highcharts.com/highcharts/series.line.dragDrop.
If dragging and dropping is not what you want, you can use select or click events and run `point.update` after finished editing.
-
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 voteHighcharts Gantt is supported through the official Highcharts wrapper for Angular: https://github.com/highcharts/highcharts-angular
-
Does highcharts support the features provided by the following link. https://www.vizlib.com/venndiagram/. If so kindly reply.
Does highcharts support the features provided by the following link. https://www.vizlib.com/venndiagram/. If so kindly reply.
1 voteYes, venn diagrams are supported in Highcharts: https://www.highcharts.com/docs/chart-and-series-types/venn-series
-
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.
1 voteHi,
You apply pattern fills to the data points like any color or pattern: https://jsfiddle.net/highcharts/qbwp9tx6/
See https://www.highcharts.com/blog/tutorials/pattern-fills/
- Don't see your idea?