Is such graph possible to plot Using Highchart?

Question

I am trying to re-implement an existing graph in Highchart. I would like to know if Highchart supports such graph. If yes, Please suggest me the API/Documents that would help me in this direction. Below is the image of what graph would look like: How the graph should look

About Chart:

• It looks as if multiple charts are combined into charts.
• x-axis for all the 'Events' is time(2- years default).
• Each 'Event' graph can be of different type (point, spline, continuous etc.)
• Can I customize the representation of data-point in each 'Event chart' differently. i.e.(triangle,square etc).

Thanks, Amit

Answer 1

An example of some of the features you've asked about:

1) using multiple y axes, stacked vertically, you can achieve the layout that you want:

yAxis: [{  
    top: 10,
  height: 60,
  offset: 0,
  title: { text: 'Plot 1'}
},{
    top: 80,
  height: 60,
  offset: 0,
  title: { text: 'Plot 2'}
},{
    top: 140,
  height: 120,
  offset: 0,
  title: { text: 'Plot 3'}
},{
    top: 270,
  height: 60,
  offset: 0,
  title: { text: 'Plot 4'}
}]

On each series, you can specify individual marker settings:

marker: {
  enabled: true,
  symbol: 'triangle',
  radius: 6,
  ...etc...
},

You can set a date-time x axis type:

xAxis: { 
  type: 'datetime'
}

Fiddle example:

• http://jsfiddle.net/jlbriggs/py5cznd7/