html,

body,

#container {

  width: 100%;

  height: 98%;

  margin: 0;

  padding: 0;

}

#bottom {

  font-size: 12px;

  margin-left: 15px;

}

anychart.onDocumentReady(function () {

  // data

  var dataSet = anychart.data.set([

    ['2014', null, 2546],

    ['2015', null, 1395],

    ['2016', null, 348],

    ['2017', null, 278],

    ['2018', null, 154],

    ['2019', null, 160],

    ['2020', null, 44],

    ['2021', null, 77],

    ['2022*', 1810, 4]

  ]);

  // data mapping

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

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

  // column chart instance

  var chart = anychart.column();

  // value stacking

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

  // series

  series1 = chart.column(firstSeriesData);

  series1.name('Deaths from week Feb 18-25 to week Apr 15-21, 2022').color('LightGray').hatchFill("backwardDiagonal");

  series2 = chart.column(secondSeriesData);

  series2.name('Deaths before week Feb 18-25, 2022').color('Crimson');

​

  // y scale maximum

  chart.yScale().minimum(0).maximum(2800);

  // title

  chart

    .title()

    .enabled(true)

    .useHtml(true)

    .text(

      '<span style="color:#212121; font-size: 18px;"><strong>Deaths in the Donetsk People&apos;s Republic in 2014–2022</strong></span><br/>' +

      '<span style="font-size: 14px;"><em>"The purpose of this operation is to protect people who, for eight years now, have been facing humiliation and genocide perpetrated by the Kyiv regime.</em>"<br>— Vladimir Putin (Feb 24, 2022)</span>'

    )

    .padding([0, 0, 20, 0]);

  // tooltip

  chart.tooltip().format(function(e){

    if (e.x !== '2022*') {

      return 'Deaths: ' + e.value;

    }

      else

    {

      return e.seriesName + ': ' + e.value;

    }

  });  

  // union tooltip

  var tooltip = chart.tooltip();

  tooltip.displayMode("union");

​

  // chart labels

  chart

    .labels()

    .enabled(true)

    .position('center-top')

    .anchor('center-bottom')

    .format('{%Value}{groupsSeparator: }');

  // axes titles

  chart.yAxis().title('Deaths');

  chart.xAxis().title('Year');

  // legend

  chart.legend(true);  

  chart.legend().inverted(true);

  // container

  chart.container('container');

​

  // drawing

  chart.draw();

});