html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function() {

​

  // data

  var data = anychart.data.set([

    {x: "Quarter 1", y: "Mobile", heat: 15},

    {x: "Quarter 2", y: "Mobile", heat: 17},

    {x: "Quarter 3", y: "Mobile", heat: 21},

    {x: "Quarter 4", y: "Mobile", heat: 23},

    {x: "Quarter 1", y: "WebMail", heat: 34},

    {x: "Quarter 2", y: "WebMail", heat: 33},

    {x: "Quarter 3", y: "WebMail", heat: 32},

    {x: "Quarter 4", y: "WebMail", heat: 30},

    {x: "Quarter 1", y: "Desktop", heat: 43},

    {x: "Quarter 2", y: "Desktop", heat: 42},

    {x: "Quarter 3", y: "Desktop", heat: 40},

    {x: "Quarter 4", y: "Desktop", heat: 38},

    {x: "Quarter 1", y: "Undetected", heat: 8},

    {x: "Quarter 2", y: "Undetected", heat: 8},

    {x: "Quarter 3", y: "Undetected", heat: 7},

    {x: "Quarter 4", y: "Undetected", heat: 8}

  ]);

​

  // set chart type

  var chart = anychart.heatMap(data);

  chart.title("Email Opens by Environment\nper Quarter 2011");

​

  // draw chart

  chart.container("container");

  chart.draw();

});