html,

body,

#container {

  width: 100%;

  height: 100%;

  margin: 0;

  padding: 0;

}

anychart.onDocumentReady(function () {

  // create data set on our data

  var dataSet = anychart.data.set([

    ['P1', 4840, 2040, 1200, 1600],

    ['P2', 4642, 1794, 1124, 1724],

    ['P3', 4838, 2026, 1006, 1806],

    ['P4', 4883, 2341, 921, 1621],

    ['P5', 5000, 1800, 1500, 1700],

    ['P6', 4421, 1507, 1007, 1907],

    ['P7', 5443, 2701, 921, 1821],

    ['P8', 4313, 1671, 971, 1671],

    ['P9', 4940, 1980, 1080, 1880],

    ['P10', 3723, 1041, 1041, 1641],

    ['P11', 3839, 813, 1113, 1913],

    ['P12', 3473, 691, 1091, 1691]

  ]);

​

  // map data for the first series, take x from the zero column and value from the first column of data set

  var totalSeriesData = dataSet.mapAs({ x: 0, value: 1 });

​

  // map data for the second series, take x from the zero column and value from the second column of data set

  var firstSeriesData = dataSet.mapAs({ x: 0, value: 2 });

​

  // map data for the third series, take x from the zero column and value from the third column of data set

  var secondSeriesData = dataSet.mapAs({ x: 0, value: 3 });

​

  // map data for the fourth series, take x from the zero column and value from the fourth column of data set

  var thirdSeriesData = dataSet.mapAs({ x: 0, value: 4 });

​

  // create column chart

  var chart = anychart.column();

​

  // set chart title text settings

  chart.title(

    'Combination of Stacked Column and Hidden Line Chart to Show Totals'

  );

​

  // force chart scale to stuck series values

  chart.yScale().stackMode('value');

​

  // create column series with mapped data

  var Series1 = chart.column(firstSeriesData);

  var Series2 = chart.column(secondSeriesData);

  var Series3 = chart.column(thirdSeriesData);

  Series1.name("UK");

  Series2.name("NL");

  Series3.name("DE");

  // create line series and set scale for it

  var lineSeries = chart.line(totalSeriesData);

  //show the totals

  var totLabels = lineSeries.labels().enabled(true);

  //totLabels.format("{%categoryName}");

  lineSeries.stroke(0);

  lineSeries.legendItem().enabled(false);

  chart.legend(true);

    chart.crosshair(true);

  // set container id for the chart

  chart.container('container');

​

  // initiate chart drawing

  chart.draw();

});