html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function() {

  var json = {

    // create chart

    "chart": {

      // set chart container

      "container": "container",

      // set chart type

      "type": "scatter",

      // set chart title

      "title": "Customized JSON Chart",

      // create custom scales

      "scales": [

{},

{},

// first custom scale

{

  // scale type

  "type": "linear",

  // set scale minimum value

  "minimum": "-1000",

  // set ticks interval

  "ticks": {"interval": "5000"}

},

// second custom scale

{

  // set scale type

  "type": "linear"

}

      ],

      // adjust default y scale

      "yScale": {

// set ticks interval

"ticks": {"interval": "0.5"},

      },

      // adjust default x scale

      "xScale": {

// set scale type

"type": "linear",

// set scale minimum value

"minimum": "-10",

// set ticks interval

"ticks": {"interval": "10"},

// set minor ticks interval

"minorTicks": {"interval": "2"}

      },

      // adjust y axes

      "yAxes": [

// adjust default y axis

{

  // set stroke color

  "stroke": "red",

  // disable stagger mode

  "staggerMode": false,

  // set ticks color

  "ticks":{"stroke": "red"},

  // set minor ticks color

  "minorTicks": {"stroke": "red"},

  // set labels font color

  "labels": {"fontColor": "red"},

  // adjust title

  "title": {

    // set axis text color

    "fontColor": "red",

    // set axis title text

    "text": "Amplitude"}

},

// additional axis settings

{

  // set axis title

  "title": "Amplitude",

  // set axis position

  "orientation": "right",

  // set axis scale

  "scale": 3

}

      ],

      // adjust x axes

      "xAxes": [

// adjust default x axis

{

  // set axis stroke

  "stroke": "red",

  // disable stagger mode

  "staggerMode": false,

  // set ticks color

  "ticks":{"stroke": "red"},

  // set minor ticks color

  "minorTicks": {"stroke": "red"},

  // set labels color

  "labels": {"fontColor": "red"},

  // axis title settings

  "title": {

    // set title color

    "fontColor": "red",

    // set text title

    "text": "Time msec"}

},

// additional axis settings

{

  // set axis title

  "title": "Time Sec",

  // set axis position

  "orientation": "top",

  // disable stagger mode

  "staggerMode": false,

  // set axis scale

  "scale": 2

}

      ],

      // major grid settings

      "grids": [{

// adjust even columns settings

"evenFill": {"opacity": 0.1},

// adjust odd columns settings

"oddFill": {"opacity": 0.01},

// set border color

"stroke": "gray",

// set grid layout

"layout": "vertical"

      },{

// adjust even rows settings

"evenFill": {"opacity": 0.01},

// adjust odd rows settings

"oddFill": {"opacity": 0.01},

// set border color

"stroke": "gray",

// set grid layout

"layout": "horizontal"

      }],

      // minor grid settings

      "minorGrids": [{

// disable grid fill

"evenFill": null,

"oddFill": null,

// adjust border settings

"stroke": {"color": "gray", "opacity": 0.3},

// set grid layout

"layout": "vertical"

      },{

// disable grid fill

"evenFill": null,

"oddFill": null,

// adjust border settings

"stroke": {"color": "gray", "opacity": 0.3},

// set grid layout

"layout": "horizontal"

      }],

      // create line marker

      "lineAxesMarkers": [{

// set line color

"stroke": {"color": "red"},

// set marker layout

"layout": "vertical",

// set line scale

"scale": "extraXScale",

// set marker position

"value": 1.3

      }],

      // series settings

      "series": [{

// set series type

"seriesType": "line",

// adjust markers visual settings

"markers": {

  "size": 1,

  "type": "circle",

  "fill": "black",

  "stroke": null

},

// bound the series to custom y scale

"yScale": 3,

// bound the series to custom x scale

"xScale": 2,

// adjust visual appearance of the markers on mouse over

"hoverMarkers":{

  "size": 3,

  "fill": "black",

  "stroke": "black"

},

// set series color and line thickness

"stroke": {

  "color": "black",

  "thickness": "3"

},

// adjust tooltip font color

"tooltip":{

  "fontColor": "black"

},

// series data

"data": [

  {"x": 1000, "value": 0.00100000},

  {"x": 1500, "value": 0.00066667},

  {"x": 2000, "value": 0.00050000},

  {"x": 2500, "value": 0.00040000},

  {"x": 3000, "value": 0.00033333},

  {"x": 3500, "value": 0.00028571},

  {"x": 4000, "value": 0.00025000},

  {"x": 4500, "value": 0.00022222},

  {"x": 5000, "value": 0.00020000},

  {"x": 5500, "value": 0.00018182},

  {"x": 6000, "value": 0.00016667},

  {"x": 6500, "value": 0.00015385},

  {"x": 7000, "value": 0.00014286},

  {"x": 7500, "value": 0.00013333},

  {"x": 8000, "value": 0.00012500},

  {"x": 8500, "value": 0.00011765},

  {"x": 9000, "value": 0.00011111},

  {"x": 9500, "value": 0.00010526},

  {"x": 10000, "value": 0.00010000},

  {"x": 10500, "value": 0.00009524},

  {"x": 11000, "value": 0.00009091},

  {"x": 11500, "value": 0.00008696},

  {"x": 12000, "value": 0.00008333},

  {"x": 12500, "value": 0.00008000},

  {"x": 13000, "value": 0.00007692},

  {"x": 13500, "value": 0.00007407},

  {"x": 14000, "value": 0.00007143},

  {"x": 14500, "value": 0.00006897},

  {"x": 15000, "value": 0.00006667},

  {"x": 15500, "value": 0.00006452},

  {"x": 16000, "value": 0.00006250},

  {"x": 16500, "value": 0.00006061},

  {"x": 17000, "value": 0.00005882},

  {"x": 17500, "value": 0.00005714},

  {"x": 18000, "value": 0.00005556},

  {"x": 18500, "value": 0.00005405},

  {"x": 19000, "value": 0.00005263},

  {"x": 19500, "value": 0.00005128},

  {"x": 20000, "value": 0.00005000},

  {"x": 20500, "value": 0.00004878},

  {"x": 21000, "value": 0.00004762}

]

      },{

// series type

"seriesType": "line",

// markers visual appearance

"markers": {

  "size": 1,

  "type": "circle",

  "fill": "red",

  "stroke": null

},

// markers appearance on mouse over

"hoverMarkers":{

  "size": 3,

  "fill": "red",

  "stroke": "red"

},

// set stroke thickness and color

"stroke": {

  "color": "red",

  "thickness": 3

},

// set tooltip font color

"tooltip":{

  "fontColor": "red"

},

// set series data

"data": [

  { "x": 0, "value": 2},

  { "x": 1, "value": 0.720403074490853},

  { "x": 2, "value": -0.416146836547142},

  { "x": 3, "value": -0.791993997280356},

  { "x": 4, "value": -0.435762413909075},

  { "x": 5, "value": 0.162092677407558},

  { "x": 6, "value": 0.480085143325183},

  { "x": 7, "value": 0.335067668597024},

  { "x": 8, "value": -0.0582000135234454},

  { "x": 9, "value": -0.331320095230792},

  { "x": 10, "value": -0.279690509692151},

  { "x": 11, "value": 0.00136175322709255},

  { "x": 12, "value": 0.241101131066426},

  { "x": 13, "value": 0.241985808386719},

  { "x": 14, "value": 0.0341843045519584},

  { "x": 15, "value": -0.178750097143252},

  { "x": 16, "value": -0.212813217849641},

  { "x": 17, "value": -0.0579291238003362},

  { "x": 18, "value": 0.132063341648816},

  { "x": 19, "value": 0.188324689178413},

  { "x": 20, "value": 0.0741967385115258},

  { "x": 21, "value": -0.0952572626476988},

  { "x": 22, "value": -0.16666013773244},

  { "x": 23, "value": -0.0852532832533436},

  { "x": 24, "value": 0.0652583088210765},

  { "x": 25, "value": 0.146844861016811},

  { "x": 26, "value": 0.0924170460469486},

  { "x": 27, "value": -0.0402950081012188},

  { "x": 28, "value": -0.128347448841809},

  { "x": 29, "value": -0.0965235522179355},

  { "x": 30, "value": 0.019281431235948},

  { "x": 31, "value": 0.110877861552064},

  { "x": 32, "value": 0.0981439247654718},

  { "x": 33, "value": -0.00151734253977823},

  { "x": 34, "value": -0.0942855860871784},

  { "x": 35, "value": -0.0976964546044872},

  { "x": 36, "value": -0.0134698620660426},

  { "x": 37, "value": 0.0785040053277275},

  { "x": 38, "value": 0.0955073644047295},

  { "x": 39, "value": 0.0260139446204817},

  { "x": 40, "value": -0.0635179106335488}

]

      }]

    }

  };

  var chart = anychart.fromJson(json);

  chart.draw();

});