title: amCharts date-time value issue, can not set hh:mm time
body: <p>I'm new on amCharts to create ganttCharts and the others. I'm trying to create a gantt chart and set some time value to each column. So I can create with these lines;</p>
  
  <pre><code>{
          "category": "Planned", 
  
          "segments": [   {
           "start": 8,
              "duration": 9,           
              "color": "#46615e",
               "task": "Order"
          } ,{
           "start": 18,
              "duration": 1,           
              "color": "#46615e",
               "task": "Order"
          } ,{
           "start": 20,
              "duration": 1,           
              "color": "#46615e",
               "task": "Order"
          } 
   ]
      }
  </code></pre>
  
  <p>But for start value, instead of 8,18,20, I want to write 08:18, 18:22, 20:25 and something like these.</p>
  
  <p>But it does not work with these values.. do you have any idea? I will share all code below.</p>
  
  <pre><code>   &lt;!-- Styles --&gt;
      &lt;style&gt;
      #chartdiv {
        width: 100%;
        height: 500px;
      }                                                                   
      &lt;/style&gt;
  
      &lt;!-- Resources --&gt;
  
  &lt;script src="https://www.amcharts.com/lib/3/amcharts.js"&gt;&lt;/script&gt;
  &lt;script src="https://www.amcharts.com/lib/3/serial.js"&gt;&lt;/script&gt;
  &lt;script src="https://www.amcharts.com/lib/3/gantt.js"&gt;&lt;/script&gt;
  &lt;script src="https://www.amcharts.com/lib/3/themes/light.js"&gt;&lt;/script&gt;
  &lt;script src="https://www.amcharts.com/lib/3/plugins/export/export.min.js"&gt;&lt;/script&gt;
  &lt;link rel="stylesheet" href="https://www.amcharts.com/lib/3/plugins/export/export.css" type="text/css" media="all" /&gt;
  
      &lt;!-- Chart code --&gt;
      &lt;script&gt;
      var chart = AmCharts.makeChart( "chartdiv", {
          "type": "gantt",
          "theme": "dark",
          "marginRight": 70,
          "period": "hh",
          "dataDateFormat":"YYYY-MM-DD hh:nn",
          "balloonDateFormat": "JJ:NN",
  
          "columnWidth": 0.5,
          "valueAxis": {
              "type": "date",
               "parseDates": true,
                "minPeriod": "mm"
          },
          "brightnessStep":  0,
          "graph": {
              "fillAlphas": 0.5,  
              "balloonText": "&lt;span style='font-size:11px'&gt;[[category]] -&gt; [[task]]&lt;/span&gt;",
              "labelText": "[[task]]",
              "labelPosition": "left",
               "labelOffset": 0,
          },
          "rotate": true,
          "categoryField": "category",
          "segmentsField": "segments",
          "colorField": "color",
          "startDate": "2018-10-02 00:00", 
          "startField": "start",
          "endField": "end",
          "durationField": "duration",
          "dataProvider": [ {
              "category": "",
              "segments": [   {
               "start": 7,
                  "duration": 17,           
                  "color": "#fff" 
              }  ]
          }, {
              "category": "Column A", 
  
              "segments": [   {
               "start": 8,
                  "duration": 9,           
                  "color": "#46615e",
                   "task": "Order"
              } ,{
               "start": 19,
                  "duration": 1,           
                  "color": "#46615e",
                   "task": "Order"
              } ,{
               "start": 21,
                  "duration": 1,           
                  "color": "#46615e",
                   "task": "Order"
              } 
       ]
          },  {
              "category": "Column B",
              "segments": [ {
                  "start": 8,
                  "duration": 8,
                  "color": "#8dc49f",
                  "task": "Order"
              }, {
                  "start": 17,
                  "duration": 2,
                  "color": "#8dc49f",
                   "task": "Order"
              }, {
                  "start": 20,
                  "duration": 2,
                  "color": "lightblue",
                  "task": "Order"
              } ]
          }],
          "chartCursor": {
              "cursorColor":"#55bb76",
              "valueBalloonsEnabled": false,
              "cursorAlpha": 0,
              "valueLineAlpha":0.5,
              "valueLineBalloonEnabled": true,
              "valueLineEnabled": true,
              "zoomable":false,
              "valueZoomable":true
          } 
      } );
      &lt;/script&gt;
  
      &lt;!-- HTML --&gt;
      &lt;div id="chartdiv"&gt;&lt;/div&gt;
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/DRz8Q.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/DRz8Q.png" alt="enter image description here"></a></p>