title: amCharts group by Date
body: <p>I use amCharts but I need to group data results by Date:
  <a href="https://www.amcharts.com/demos/date-based-data/?theme=none" rel="nofollow noreferrer">Demo example</a> </p>
  
  <p>I have 5 visits by one day and chart need to group results.</p>
  
  <p>My code:</p>
  
  <pre><code>var chart = AmCharts.makeChart("chartdiv", {
      "type": "serial",
      "theme": "light",
      "marginRight": 40,
      "marginLeft": 40,
      "autoMarginOffset": 20,
      "mouseWheelZoomEnabled":true,
      "dataDateFormat": "YYYY-MM-DD",
      "valueAxes": [{
          "id": "v1",
          "axisAlpha": 0,
          "position": "left",
          "ignoreAxisWidth":true
      }],
      "balloon": {
          "borderThickness": 1,
          "shadowAlpha": 0
      },
      "graphs": [{
          "id": "g1",
          "balloon":{
              "drop":true,
              "adjustBorderColor":false,
              "color":"#ffffff"
          },
          "bullet": "round",
          "bulletBorderAlpha": 1,
          "bulletColor": "#FFFFFF",
          "bulletSize": 5,
          "hideBulletsCount": 50,
          "lineThickness": 2,
          "title": "red line",
          "useLineColorForBulletBorder": true,
          "valueField": "value",
          "balloonText": "&lt;span style='font-size:18px;'&gt;[[value]]&lt;/span&gt;"
      }],
      "chartScrollbar": {
          "graph": "g1",
          "oppositeAxis":false,
          "offset":30,
          "scrollbarHeight": 80,
          "backgroundAlpha": 0,
          "selectedBackgroundAlpha": 0.1,
          "selectedBackgroundColor": "#888888",
          "graphFillAlpha": 0,
          "graphLineAlpha": 0.5,
          "selectedGraphFillAlpha": 0,
          "selectedGraphLineAlpha": 1,
          "autoGridCount":true,
          "color":"#AAAAAA"
      },
      "categoryAxesSettings": {
          "maxSeries": 1,
          "groupToPeriods": ["DD"]
      },
  
      "chartCursor": {
          "pan": true,
          "valueLineEnabled": true,
          "valueLineBalloonEnabled": true,
          "cursorAlpha":1,
          "cursorColor":"#258cbb",
          "limitToGraph":"g1",
          "valueLineAlpha":0.2,
          "valueZoomable":true
      },
      "valueScrollbar":{
          "oppositeAxis":false,
          "offset":50,
          "scrollbarHeight":10
      },
      "categoryField": "date",
      "categoryAxis": {
          "parseDates": true,
          "dashLength": 1,
          "minorGridEnabled": true
      },
      "export": {
          "enabled": true
      },
      "dataProvider": [
                                          {
  
                  "date": "2016-12-01",
                  "value": 1
              },
                              {
  
                  "date": "2016-12-01",
                  "value": 1
              },
                              {
  
                  "date": "2016-12-01",
                  "value": 1
              },
                              {
  
                  "date": "2016-12-01",
                  "value": 1
              },
                              {
  
                  "date": "2016-12-01",
                  "value": 1
              },
  
  
  
      ]
  });
  
  chart.addListener("rendered", zoomChart);
  
  zoomChart();
  
  
  function zoomChart() {
      chart.zoomToIndexes(chart.dataProvider.length - 40, chart.dataProvider.length - 1);
  }
  </code></pre>
  
  <p>By documentation I use grouping settings without success.</p>
  
  <pre><code>"categoryAxesSettings": {
          "maxSeries": 1,
          "groupToPeriods": ["DD"]
      },
  </code></pre>
  
  <p>Any Help?</p>