html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

​

  var chart = anychart.line();

​

  chart.title("Tokens with Options: scaling GBP \n(\u00a31 = 20s, 1s = 12p)");

  var tooltip = chart.tooltip();

  tooltip.displayMode("separated");

  tooltip.positionMode("point");

​

  // string for formatting tooltips

  var formatter = "{%seriesName}: {%value}{scale:(1)(12)(20)|( p)( s)( \u00a3)}";

​

  // setting and adjusting data visualisation

  var columnSeries = chart.column([

    ["A", 630.7166],

    ["B", 72.1630],

    ["C", 14.8662],

    ["D", 7.8662],

    ["E", 9]

  ]);

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

​

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

​

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

});