html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

var dataSet = anychart.data.set([

    ['P1', 174, 5854, 3242],

    ['P2', 197, 4171, 3171],

    ['P3', 155, 1375, 700],

    ['P4', 15, 1875, 1287],

    ['P5', 66, 2246, 1856],

    ['P6', 85, 2696, 1126],

    ['P7', 37, 1287, 987],

    ['P8', 10, 2140, 1610],

    ['P9', 44, 1603, 903],

    ['P10', 322, 1628, 928]

  ]);

​

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

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

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

​

​

  var chart = anychart.column();

  chart.legend(true)

​

  chart.title('Combination of Column, Spline-Area and Spline Chart');

​

  var scale = anychart.scales.linear();

​

  chart

    .yAxis(1)

    .title('Secondary Y-Axis')

    .orientation('right')

    .scale(scale);

​

  var columnSeries = chart.column(secondSeriesData);

  columnSeries.name('Column');

​

  var splineSeries = chart.splineArea(thirdSeriesData);

  splineSeries.name('Spline');

​

  var lineSeries = chart.spline(firstSeriesData);

  lineSeries.name('Line').yScale(scale).stroke('2.5 #ef6c00');

​

​

  chart.container('container');

  chart.bounds(0, 0, 1024, 800);

​

  chart.draw();