html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

  // JSON data

  var json = {

    // chart settings

    "chart": {

      // chart type

      "type": "pie",

      // chart data

      "data": [

  {

    "x": "Tester I/O/Net/JS",

    "value": 1.4241107882782817

  },

  {

    "x": "Tester Run Source",

    "value": 4.979344512801617

  },

  {

    "x": "Tester Run Target",

    "value": 8.207444699015468

  },

  {

    "x": "Translator I/O/Net/JS",

    "value": 13.562838663735423

  },

  {

    "x": "Translator Transduce",

    "value": 42.16985251905862

  },

  {

    "x": "Translator Pretty",

    "value": 5.325308817205951

  },

  {

    "x": "Other",

    "value": 2.5647999998927133

  }

],

      // chart container

      "container": "container"

    }

  };

​

  // get JSON data

  var chart = anychart.fromJson(json);

  chart.labels().useHtml(true);

  chart.labels().position("outside");

  chart.labels().format("<b style='color:black;'>{%x}:<br> {%value}</b>");

  // draw chart

  chart.draw();

});