html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function() {

​

  // chart type

  var chart = anychart.cartesian();

​

  // all data

  var data = anychart.data.set([

    {x: "2000", value: 1100, size: 3},

    {x: "2001", value: 880, size: 4},

    {x: "2002", value: 1100, size: 4},

    {x: "2003", value: 1300, size: 5, fill: "gold", stroke: "#663399", type: "star5"},

    {x: "2004", value: 921, size: 4.5},

    {x: "2005", value: 1000, size: 3},

    {x: "2006", value: 1400, size: 4}

  ]);

​

  // set data for each series

  series = chart.bubble(data);

  // chart title

  chart.title("Multi-Series Bubble Chart with an only bubble configured");

​

  chart.legend(true);

​

  // Sets settings for interactivity.

  chart.interactivity({hoverMode: "byX"});

​

  // set axes titles 

  chart.xAxis().title("Years");

  chart.yAxis().title("Sales");

  // draw

  chart.container("container");

  chart.draw();

});