html, body, #container {

  width: 100%;

  height: 100%;

  margin: 0;

  padding: 0;

}

anychart.onDocumentReady(function () {

​

  // our data from ...

  var data1 = [

    {x: "Seiri", value: 28.57},

    {x: "Seiton", value: 14.29},

    {x: "Seiso", value: 80},

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

    {x: "Shitsuke", value: 0}

  ];

​

  var data2 = [

    {x: "Seiri", value: 42.86},

    {x: "Seiton", value: 100},

    {x: "Seiso", value: 100},

    {x: "Seiketsu", value: 83.3},

    {x: "Shitsuke", value: 100}

  ];  

​

  // create radar chart

  var chart = anychart.radar();

​

  // set chart yScale settings

  chart.yScale()

    .minimum(0)

    .maximum(100)

    .ticks({'interval':5});

​

  // color alternating cells

  chart.yGrid().palette(["gray 0.1", "gray 0.2"]);

​

  // create first series

  chart.area(data1).name('Antes').markers(true).fill("#E55934", 0.3).stroke("#E55934")

  // create second series

  chart.area(data2).name('Después').markers(true).fill("#9BC53D", 0.3).stroke("#9BC53D")

  // set chart title

  chart.title("Utilización 5s")

  // set legend

  .legend(true);

​

  // set container id for the chart

  chart.container('container');

  // initiate chart drawing

  chart.draw();

​

});