Highchart plotLines z Index between series z Index
source link: https://www.codesd.com/item/highchart-plotlines-z-index-between-series-z-index.html
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
Highchart plotLines z Index between series z Index
I am trying to create a fiddle, mocking up the image attached
in following jsfiddle
http://jsfiddle.net/2TuCW/162/
The problem is I want the plotLines between blue line and green column. I tried changing the zIndexes of plotLines (10) , between blue line (15) and green column (5) in following fiddle http://jsfiddle.net/2TuCW/163/
//plotLines zIndex
"plotLines" : [
{
"color": '#E5E7EB',
"zIndex": 10,
"width": 2,
"value": 20
},
....
....
//Series data z-index
"series": [{
"type":"column",
"data": [35,39,49,50,57,58],
"zIndex":5
....
....
"series": [{
"type":"line",
"data": [35,39,49,50,57,58],
"zIndex":15
But it is not working as expected. Please suggest how to achieve it.
It is related with fact that all series have the same zIndex.
Related topic: https://github.com/highslide-software/highcharts.com/issues/3321
Related Articles
highcharts tooltip z-index
Javascript Highcharts rename or remove the series label in the chart
IE & lt; 9 + HighCharts does not make a series
Highcharts plotLine drag xAxis event
Toggle Highcharts plotLine with button
Highcharts: removes the space between the plot border and the actual chart
Highchart highlight the area between points with custom colors
Highcharts: Tooltip on a single series only
Highcharts do not issue JSON series
Highcharts - error when updating a series to have fewer categories than previously
Highcharts legend does not show series names
Highcharts shared tooltip for line series and scatterplot not working
Highcharts JS: the space between X-Axis labels is too thin
Pandas indexing methods and tuples as parameters
Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK