html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function() {

  // create data

  var data = [

    {x: "Jan", low: 1000, q1: 1050, median: 1200, q3: 1800, high: 2000, outliers: [800, 2500, 3200]},

    {x: "Feb", low: 2500, q1: 3000, median: 3800, q3: 3900, high: 4000},

    {x: "Mar", low: 2000, q1: 2300, median: 2500, q3: 2900, high: 3000},

    {x: "Apr", low: 4000, q1: 5000, median: 6500, q3: 6900, high: 7200, outliers: [8930]},

    {x: "May", low: 8000, q1: 8400, median: 8500, q3: 8800, high: 9000, outliers: [6950, 3000]}

  ];

​

  // create a chart

  var chart = anychart.box();

​

  // create a series and set the data

  series = chart.box(data);

​

  // configure outliers

  series.outlierMarkers(

    {fill: "#dc143c 0.7",

    stroke: {color: "#dc143c", thickness: 0.5, dash: "5 1", lineJoin: "round"},

    size: 10,

    type: "star5"});

  series.hoverOutlierMarkers(

    {fill: "#dc143c 0.5",

    stroke: {color: "#dc143c", thickness: 1, dash: "5 1", lineJoin: "round"},

    size: 10,

    type: "star5"});

  series.selectOutlierMarkers(

    {fill: "#dc143c",

    stroke: {color: "#dc143c", thickness: 2, dash: "5 1", lineJoin: "round"},

    size: 10,

    type: "star5"});

​

  // set the chart title

  var title = chart.title("Box Chart: Outliers");

​

  // set the interactivity mode

  chart.interactivity("byX");

  // set the container id

  chart.container("container");

  // initiate drawing the chart

  chart.draw();

});