score:10
Update:
Highcharts has now implemented the OP's feature request. You can now specify the zIndex
in the tooltip
property. Like:
tooltip: {
crosshairs: [ {
width: 1,
color: 'lime',
zIndex: 22
}, {
width: 1,
color: 'lime',
zIndex: 22
} ]
},
At the time of this question, Highcharts did not give us a way to do that. Not even CSS styles can change the plot order (visibility).
Consider making a feature request. (Update: the FR was made and implemented.)
Meanwhile, you can tweak the Highcharts source (in that example, it is highcharts.com/js/testing.js).
Find this line in the source file:
attribs = {
'stroke-width': crosshairsOptions[i].width || 1,
stroke: crosshairsOptions[i].color || '#C0C0C0',
zIndex: 2
};
and change the zIndex
to 20.
Then find this line in the source file:
var group = renderer.g('tooltip')
.attr({ zIndex: 8 })
.add(),
and change the zIndex
to 22.
score:1
There is a zIndex
attribute for crosshairs:
tooltip: {
crosshairs: [{
width: 3,
color: 'green',
zIndex: 50
}, {
width: 3,
color: 'green',
zIndex: 50
}]
},
Source: stackoverflow.com
Related Query
- Can highcharts crosshairs show on top of area chart fill?
- Highcharts - How can I remove starting and ending padding from area chart
- Highcharts Area chart gradient fill
- How can I display crosshair labels on top of the chart with Highcharts
- How can i load external json data in highcharts to show the bar chart
- HighCharts Bullet Chart label show on top Possible?
- Highcharts two colors for fill of area chart
- Adding space between the line and the fill in a Highcharts area chart
- Highcharts - How to show intermediate values on Area chart
- Highcharts (column, candlestick) show mouseover tooltip anywhere on chart similar to line or area
- Can we add fixed buttons on top of bars in highcharts bar chart
- How can I contain a label on a Highcharts area chart to the series' area
- How can I get access to a Highcharts chart through a DOM-Container?
- Highcharts Area graph, use 2 fill colors above / below X axis
- Highcharts Show x-axis on top
- Change color of area chart programmatically in highcharts
- Highcharts Area Chart - Specifying Area Color
- Show value of last point as label or tooltip on Highcharts Stock Chart
- How can I force highcharts to show every x-axis label regardless of spacing constraints?
- Highcharts chart going blank on zoomType: 'x' area range zoom?
- Show HighCharts tooltip when chart loads
- Highcharts - Bar - Setting the X axis width and the chart area width to be constant
- Highcharts 3.0, area chart with stacked and unstacked series - how to fix?
- Show more data on Gauge chart with Highcharts
- HighCharts area graph - show tooltip only on hover of marker
- Highcharts - Remove first marker from Area chart in every series
- Highcharts chart doesn't show in jquery dialog
- Highcharts - Area Chart - Stacking with series containing negative and positive values
- How can I hide and show a category in highcharts
- Angular Highcharts Custom Legend Label In Area Chart
More Query from same tag
- Click event and two way data binding in HighCharts using AngularJS
- onclick popout highchart piechart
- Why does my HighStock data drop off when I zoom out?
- To add zAxis dynamically, but doesn't work... Highcharts
- hightchart Plotting variables Issue
- Highcharts overlay multiple datetime series
- Highcharts in Node
- Highchart Js Column Chart Stacked and Grouping
- Align date ticks on x axis
- Setting dates in the xAxis properly HighCharts
- Producing an area chart in D3 similar to Highcharts Basic Area
- Line to the Y axis on hover
- Highcharts plotBands do not work with setExtremes function
- Highcharts - multiple plot with the same x scale
- giving input to highchart using JSON
- HighCharts. Change options dynamically
- highcharts datetime data not working on column type, but working on line
- Chart configurations in case of high number of legends
- Specific case of Timeline chart
- Highcharts with inverted y-axis, but not inverted data?
- Highcharts - is it possible to apply opacity for a specific zone?
- Highcharts, show total data as a live stream
- syncing Highcharts horizontally that range in number of y-axis titles and also no y-axis titles
- HighChart: Tooltip box thousand seperator
- Importing JSON file into Highcharts for Bar Chart Visualization
- Bar chart in High chart for indication of value with two colors in each bar where one color is always kept fixed
- Empty space above plot lines in Highcharts
- Highcharts: visualize graph arcs to 3D scatter chart
- How to change high and low whisker color in boxplot highcharts?
- Highcharts xrange chart is not respecting datetime xAxis min and max values - shows space on both sides