html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

​

  // create data

  var data = [

    {name: "Fantasy", value: 637166},

    {name: "Science Fiction", value: 721630,

     normal:   {

       hatchFill: "backward-diagonal",

       stroke: "black"

       },

     hovered:  {

         fill: "lightGray",

         hatchFill: "backward-diagonal",

         stroke: "black"

       },

     selected: {

         fill: "white",

         hatchFill: "backward-diagonal",

         stroke: "black"

       }

    },

    {name: "Detective", value: 148662},

    {name: "Classics", value: 78662},

    {name: "Textbooks", value: 90000}

  ];

​

  // create a chart and set the data  

  var chart = anychart.pyramid(data);

​

  // draw chart

  chart.container("container");

  chart.draw();

});