html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

​

  var chart = anychart.area();

​

  chart.title("Axes Labels TextOverflow");

​

  chart.area([

    ["Sales in January" , 10000],

    ["Sales in February" , 12000],

    ["Sales in March" , 10000],

    ["Sales in April" , 11000],

    ["Sales in May" , 19000]

  ]);

​

  var yScale = chart.yScale();

  yScale.minimum(8000);

  yScale.maximum(20000);

  var yTicks = chart.yScale().ticks();

  yTicks.interval(2000);

​

  // set function to format y axis labels

  var yLabels = chart.yAxis(0).labels();

  yLabels.format("${%value}{groupsSeparator: }");

  // set y axis title

  var yAxis = chart.yAxis(0);

  yAxis.title("Revenue in US Dollars");

​

  // adjust additional axis

  var yAxsi1 = chart.yAxis(1);

  yAxsi1.orientation("right");

  yAxsi1.title("Revenue in Euros");

​

  // formats labels of additional axis

  var yLabels1 = chart.yAxis(1).labels();

  yLabels1.format(function() {

    var value = this.value;

    // scale USD to EUR

    value = Math.round(value*0.7094716);

    return "?" + value;

  });

​

  var xAxis = chart.xAxis();

  xAxis.title("Month");

​

  // format labels

  chart.xAxis().labels().width(45);

  chart.xAxis().labels().height(50);

  chart.xAxis().labels().textOverflow("...");

​

  chart.container("container");

  chart.draw();

});