html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function() {

​

  // data and fill color settings

  var data = anychart.data.set([

    {x: "English", value: 2022776},

    {x: "Fran?ais", value: 561753},

    {x: "Portugu?s", value: 287318},

    {x: "Espa?ol", value: 281288},

    {x: "???????", value: 204379},

    {x: "??", value: 146215},

    {x: "Norsk (bokm?l)", value: 133410}

  ]);

  // create color palette

  var palette = anychart.palettes.distinctColors().items();

  var mappedData = data.mapAs();

  // coloring elements

  for (var i=0;i<mappedData.getRowsCount();i++){

    mappedData.set(i,"fill",palette[i]);

  }

​

  // chart type

  var chart = anychart.column();

​

  // title

  chart.title("International Symbols Support");

​

  // set data

  var series = chart.column(data);

​

  // adjust tooltip text

  series.stroke(null);

  var tooltip = series.tooltip();

  tooltip.format(function(){

    return "Language: " + this.x + "\nArticles: " + this.value;

  });

​

  // adjust tooltip font

  tooltip.fontWeight(400);

  tooltip.fontFamily("Tahoma");

  tooltip.fontSize(12);

​

  // adjust labels

  var labels = series.labels();

  labels.enabled(true);

  labels.position("centerTop");

  labels.anchor("center");

  labels.offsetY(-15);

  labels.format(function(){return this.x});

​

  // draw

  chart.container("container");

  chart.draw();

});