score:15
Accepted answer
possible solution: http://jsfiddle.net/sdu8v/1/
required css:
.highcharts-container {
position: inherit !important;
}
.highcharts-tooltip {
z-index: 9998;
}
thanks to @piotr, updated design for 4.1.x.
score:2
you can't have only the tooltip to get rendered over the pink box because the whole chart is rendered in a single svg object that is either totallly over or beneath your pink both.
what you can do is to render the whole chart over the pink box by making it background transparent.
your chart:
chart: { backgroundcolor:'transparent' }
your div should also be beneath the chart:
<div id="box" style="z-index:0"></div>
live example: http://jsfiddle.net/7tcj6/
Source: stackoverflow.com
Related Query
- How to edit tooltip in Highcharts C# code
- how to use highcharts tooltip formatter in python code
- Highcharts column chart returning incorrect series index on click when using shared tooltip
- Highcharts showing image in tooltip and get column index
- Disable highcharts tooltip on certain lines, leave it enabled on others?
- Customize tooltip and format the number to 2 decimal places of highcharts
- Highcharts tooltip overflow is hidden
- customize highcharts tooltip to show datetime
- highcharts pass multiple values to tooltip
- Disable tooltip on certain points in Highcharts
- Highcharts - Change legend index order
- HighCharts series Z index
- Highcharts tooltip always on right side of cursor
- Highcharts tooltip formatter
- Format tooltip numbers in Highcharts
- Weird character in front of Highcharts tooltip series names
- Display tooltip for invisible series in Highcharts
- Change Highcharts tooltip formatter from chart Object , after chart is rendered
- Adding thousands separator for custom formatted highcharts tooltip
- Highcharts - How to display legend symbol inside the tooltip
- highcharts tooltip z-index
- Add tooltip to legend in highcharts when hovering
- Highcharts - Keep tooltip showing on click
- Highcharts Pie Chart ignores percentageDecimals tooltip setting and has floating point inaccuracy issue
- Tooltip on custom button in Highcharts
- highcharts customize tooltip for a single point
- Always showing tooltip on all columns in Highcharts
- Highcharts - only show tooltip when hovering directly on point
- Highcharts how to remove headers from tooltip
- Highcharts - How to hide series name and Y value in tooltip
More Query from same tag
- Update Of Chart Series Colors Fails When Drilled Into Chart
- How to select right chart for your data
- highcharts - How do I show/hide secondary y axis based on optional parameter
- how to pass to or more list of series to set series
- How to get drop shadow effect in Highchart JS?
- Using multiple Highcharts in a single page
- Highcharts - dynamically modifying SVG of flag series
- How can I disable the value tooltip on a Vaadin-Charts/Highcharts SolidGauge chart?
- Column Labels in Sankey Charts in Highcharts
- Grouping / counting in javascript using underscore.js
- event.ctrlKey works in IE and Chrome but not Firefox on legendItemClick
- Make highcharts display the tooltip of the previous point
- Highmaps in React
- HighCharts : Polar chart not stretched in its frame
- Highcharts threshold background color from 100 y-axis
- Customizing y-axis in Highchart.js (stockchart)
- Making a node_module global using Webpack 2
- Not all Tooltips and crosshairs not fading from synchronised charts when the mouse leaves a chart
- Labeling for Highchart Funnel Visualization
- how to add above each column a different pie chart
- Differtent pattern color for every single column in highchart
- Highcharts synchronized charts showing multiple times
- How to render a specific data point marker on HightCharts Bell Curve?
- is it possible to create Highchart polar chart which has x-axis at center rather than at circumference
- how to change highcarts sunburst slice/level without clicking levels
- Unable to trigger a click event on series data | Highchart
- Highchart display single entry against each category in bar chart
- Highcharts - How to set custom colors for the series
- Highstock - SMA (Simple moving average) dataGrouping not working
- xAxis startOnTick and endOnTick options ignored on boxplots