html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

​

    // create data

    var data = [

      {x: "Pacman", value: 400,

       normal:  {

          fill: "#ffff00",

          hatchFill: "percent50"        

       },

       hovered: {

          fill: "#ffff00",

          hatchFill: "percent50",

          outline: {

            enabled: true,

            width: 6,

            fill: "#404040",

            stroke: null

          }

       },

       selected: {

          outline: {

            enabled: true,

            width: 6,

            fill: "#404040",

            stroke: null

          }

       }

      },

      {x: "Not Pacman", value: 130,

       normal:  {fill: "#404040"},

       hovered: {

         fill: "#404040",

         outline: {

            enabled: false

         }

       },

       selected: {outline: {enabled: false}}

      }

    ];

​

    // create a chart and set the data

    var chart = anychart.pie(data);

​

    // set the start angle

    chart.startAngle(130);

​

    // set the chart title

    chart.title("Pie Chart: Appearance (Individual Points)");

​

    // disable labels

    chart.labels(false);

​

    // set the container id

    chart.container("container");

​

    // initiate drawing the chart

    chart.draw();

});