html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function() {

​

  var stage = anychart.graphics.create("container");

​

  // chart with labels inside

  labelsInside = anychart.scatter();

​

  // setting data

  line = labelsInside.line([

    [-4, 16],

    [-2, 20],

    [-1, 15],

    [2, 20],

    [3, 18],

    [4, 16]

  ]);

  line.tooltip(false);

​

  labelsInside.title("Labels Inside");

  innerBackground = labelsInside.background();

  innerBackground.stroke("#CCCCCC");

​

  // adjusting scales

  innerXTicks = labelsInside.xScale().ticks();

  innerXTicks.interval(1);

​

  // setting labels a bit higher and adjusting its values

  innerLabels = labelsInside.xAxis().labels();

  innerLabels.offsetY(-30);

​

  // disabling labels for y axis

  labelsInside.yAxis(false);

​

  labelsInside.container(stage);

  labelsInside.draw();

});