html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

​

  var data = anychart.data.set([

    ["John", 10000],

    ["Jake", 12000],

    ["Peter", 18000],

    ["James", 11000],

    ["Mary", 9000]

  ]);

​

  // chart type

  var chart = anychart.bar();

  var series = chart.bar(data);

  series.name("Year 2008");

​

  // set title

  chart.title("Adjusted Tooltip Background");

​

  // disable tooltip for the first series

  var tooltipBackground = series.tooltip().background();

​

  tooltipBackground.fill("#EEE 0.8");

  tooltipBackground.stroke("#888");

  tooltipBackground.cornerType("round-inner");

  tooltipBackground.corners(5);

​

  // font settings for tooltip text

  var tooltip = series.tooltip();

  tooltip.fontColor("#444");

  tooltip.fontWeight(900);

  var title = series.tooltip().title();

  title.fontWeight(900);

  title.fontColor("#444");

​

  // draw

  chart.container("container");

  chart.draw();

});