html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

​

  var chart = anychart.line();

​

  chart.title("Tokens with Options");

​

  // setting and adjusting data visualisation

  var columnSeries = chart.column([

    ["A", 637166],

    ["B", 721630],

    ["C", 148662],

    ["D", 78662],

    ["E", 90000]

  ]);

  columnSeries.name("Income");

  var lineSeries = chart.line([

    ["A", 95.073],

    ["B", 97.12844],

    ["C", 96.43],

    ["D", 70.582],

    ["E", 35]

  ]);

  lineSeries.name("Percentage");

​

  // setting the tooltips with formatting

  var columnTooltip = columnSeries.tooltip();

  columnTooltip.format("{%seriesName}: {%value}{groupsSeparator:', decimalsCount:3}");

  var lineTooltip = lineSeries.tooltip();

  lineTooltip.format("{%seriesName}: {%value}{decimalsCount:1}%");

  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);

​

  chart.container("container");

  chart.draw();

});