html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

​

  // get JSON data

  var chart = anychart.column();

​

  var data1 = [

    {x: "07-10-2020", value: -50, label: "In"},

    {x: "07-10-2020", value: -50, label: "Ma"},

    {x: "14-10-2020", value: -50, label: "In,"},

    {x: "14-10-2020", value: -50, label: "Ma"},

    {x: "19-10-2020", value: -50, label: "In"},

    {x: "19-10-2020", value: -50, label: "Ma"},

    {x: "23-10-2020", value: -50, label: "In"},

    {x: "23-10-2020", value: -50, label: "Ma"},

    {x: "29-10-2020", value: 50, label: "In"},

    {x: "29-10-2020", value: -50, label: "Ma"},

    {x: "04-11-2020", value: 50, label: "In"},

    {x: "04-11-2020", value: -50, label: "M"},

    {x: "13-11-2020", value: 50, label: "In"},

    {x: "13-11-2020", value: -50, label: "Ma"},

    {x: "26-11-2020", value: 50, label: "In"},

    {x: "26-11-2020", value: 50, label: "Ma"}

  ];

​

  var data2 = [{x: "26-03-2019", value: 50, label: "Ap"}];

​

  var data3 = [

    {x: "02-07-2019", value: 50, label: "Ingr."},

    {x: "11-07-2019", value: 50, label: "Ingr."},

    {x: "19-07-2019", value: 50, label: "Ingr."},

    {x: "30-07-2019", value: 50, label: "Ingr."},

    {x: "06-08-2019", value: 50, label: "Ingr."},

    {x: "20-08-2019", value: -50, label: "Ingr."},

    {x: "27-08-2019", value: 50, label: "Ingr."},

    {x: "03-09-2019", value: 50, label: "Ingr."},

    {x: "10-09-2019", value: 50, label: "Ingr."}

  ];

​

​

​

​

  chart.column(data1);

  chart.column(data2);

  chart.column(data3);

​

​

​

  chart.title('My data');

  chart.xAxis().orientation("bottom") 

    .title("Date") 

​

  chart.xAxis().labels().rotation(-90);

​

  //y

  chart.yAxis().title("%"); 

  chart.yAxis(0).labels().enabled(true); 

​

  //scala

  chart.yScale().ticks().allowFractional(false); 

  chart.yScale().ticks().set(["50","0","-50"]); 

​

  function processTicks (dataSets) {

    // collect all unique dates

    var dates = [];

    dataSets.forEach(function(data) {

      data.forEach(function(point) {

        if (!dates.includes(point.x))

          dates.push(point.x);

      });

    });

​

    // sort dates

    dates = dates.sort(function(date1, date2) {

      var parsedDate1 = anychart.format.parseDateTime(date1, 'dd-MM-yyyy').getTime();

      var parsedDate2 = anychart.format.parseDateTime(date2, 'dd-MM-yyyy').getTime();

      if (parsedDate1 < parsedDate2) return -1;

      if (parsedDate1 > parsedDate2) return 1;

      return 0;

    });

    // apply sorted set of ticks to the Ordinal xScale

    chart.xScale().values(dates);

  }

​

  var dataSets = [data1, data2, data3];

  processTicks(dataSets);

​

  // draw chart

  chart.container('container').draw();

});