html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

​

  // JSON data

  var json = {

    // chart settings

    "chart": {

      // chart type

      "type": "column",

      // set chart title

      "title": "My data",

      // series settings

      "series": [{

// first series data

"data": [

      {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"}

       ]

      },

//second

{"data": [{x: "26-03-2019", value: 50, label: "Ap"}]},

//third

{"data": [

      {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 container

      "container": "container"

    }

  };

​

  // get JSON data

  var chart = anychart.fromJson(json);

  /**

  var dateScale = anychart.scales.dateTime();

  chart.xScale(dateScale);

  chart.xAxis().labels().format(function(value){

  var date = new Date(value["tickValue"]);

  var options = {

    year: "numeric",

    month: "numeric",

    day:"numeric"

   };

  return date.toLocaleDateString("it-it", options);

  });

  **/

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

​

​

  // draw chart

  chart.draw();

});