html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

​

  var chart = anychart.line();

​

  chart.title("Tokens with Options");

  var tooltip = chart.tooltip();

  tooltip.displayMode("separated");

  tooltip.positionMode("point");

​

  // string for formatting tooltips

  var formatter = "{%seriesName}: {%value}{groupsSeparator:\\,}";

​

  // setting and adjusting data visualisation

  var columnSeries = chart.column([

    ["A", 637166],

    ["B", 721630],

    ["C", 148662],

    ["D", 78662],

    ["E", 90000]

  ]);

  columnSeries.name("Income");

​

  var columnTooltip = columnSeries.tooltip();

  columnTooltip.format(formatter);

​

  var lineSeries = chart.line([

    ["A", 95.073],

    ["B", 97.12844],

    ["C", 96.43],

    ["D", 70.582],

    ["E", 35]

  ]);

  lineSeries.name("Percentage");

​

  // formatting through function

  var lineTooltip = lineSeries.tooltip();

  lineTooltip.format(function() {

    return "Income: " + this.value + "%";

  });

​

  var extraYScale = anychart.scales.linear();

  extraYScale.minimum(0).maximum(100);

​

​

  // adding and adjust extra Y axis

  var extraYAxis = chart.yAxis(1);

  extraYAxis.orientation("right");

  extraYAxis.scale(extraYScale);

  lineSeries.yScale(extraYScale);

​

  tooltipSetter(columnTooltip);

  tooltipSetter(lineTooltip);

​

  function tooltipSetter(seriesTooltip) {

    seriesTooltip.anchor("center-bottom");

    seriesTooltip.position("center-top");

    seriesTooltip.title(false);

    seriesTooltip.separator(false);

  }

​

  chart.container("container");

  chart.draw();

});