Gantt Chart with alternate row color

author(s): Simone Zanaboni

by b_g_v

HTML

<script src="https://code.highcharts.com/gantt/highcharts-gantt.js"></script>

<div id="container"></div>

JavaScript

var data = [{collapsed:true,color:"black",end:1.3709016E12,id:"1_0",name:"Phase 1",proj:3925,start:1.3575132E12,y:1},
{collapsed:true,color:"#87BFBF",end:1.3709016E12,id:"1_2337",name:"<span style='color:#3232ff; font-style:italic'>(Ref) Phase 1</span>",proj:3925,start:1.3575132E12,y:1},
{collapsed:true,color:"black",end:1.4610168E12,id:"2_0",name:"Phase 2",proj:3925,start:1.4350968E12,y:2},
{collapsed:true,color:"#5BA7A4",end:1.4610168E12,id:"2_2337",name:"<span style='color:#3232ff; font-style:italic'>(Ref) Phase 2</span>",proj:3925,start:1.4350968E12,y:2},
{collapsed:true,color:"black",end:1.5413724E12,id:"3_0",name:"Phase 3",proj:3925,start:1.4610168E12,y:3},
{collapsed:true,color:"#4A8176",end:1.5413724E12,id:"3_2337",name:"<span style='color:#3232ff; font-style:italic'>(Ref) Phase 3</span>",proj:3925,start:1.4610168E12,y:3},
{color:"black",end:1.3709016E12,id:"Milestone8_1_2337_0",milestone:true,name:"Milestone 1 ",parent:"1_2337",start:1.3709016E12,y:0},
{color:"#87BFBF",end:1.3709016E12,id:"Milestone8_1_2337_2337",milestone:true,name:"<span style='color:#3232ff; font-style:italic'>(Ref) Milestone 1 </span>",parent:"1_2337",start:1.3709016E12,y:0},
{color:"black",end:1.3575132E12,id:"Milestone1_1_2337_0",milestone:true,name:"Milestone 2 ",parent:"1_2337",start:1.3575132E12,y:1},
{color:"#87BFBF",end:1.3575132E12,id:"Milestone1_1_2337_2337",milestone:true,name:"<span style='color:#3232ff; font-style:italic'>(Ref) Milestone 2 </span>",parent:"1_2337",start:1.3575132E12,y:1},
{collapsed:true,end:1.369692E12,id:"Contract_2_0",name:"Contract 1 ",parent:"2_2337",start:1.369692E12,y:1},
{collapsed:true,end:1.369692E12,id:"Contract_2_2337",name:"<span style='color:#3232ff; font-style:italic'>(Ref) Contract 1</span>",parent:"2_2337",start:1.369692E12,y:1},
{color:"black",end:1.4139288E12,id:"Milestone16_Contract_2_2337_0",milestone:true,name:"submilestone 1...