title: How in AmCharts move slider in scrollbar to left?
body: <p>I have AmCharts diagram as on screen. <a href="https://i.stack.imgur.com/xQjHz.png" rel="nofollow noreferrer">diagram screen</a></p>
  
  <p>By default slider in scrollbar in right position. How to make it in left position by default?
  <a href="https://i.stack.imgur.com/OxIJH.png" rel="nofollow noreferrer">left position scrollbar</a></p>
  
  <p>Which options I should add to </p>
  
  <pre><code>"chartScrollbar": {
      "enabled": true
  },
  </code></pre>
  
  <p>UPD: Full code AmChart diagram.
  I have some options with "zoom", but if I comment it, nothing changes.-----------------------------------------------------------------------------------------------------------</p>
  
  <pre><code>var chartOptions = {
      "type": "serial",
      "theme": "light",
      "columnWidth": 0.6,
      "maxSelectedSeries": 3,
      "rotate": false,
      "mouseWheelScrollEnabled": true,
      "zoomOutOnDataUpdate": false,
      "zoomOutButtonPadding": 2,
      "startDuration": 0,
      "panEventsEnabled": false,
      "chartScrollbar": {
      },
      "legend": {
          "position": "bottom",
          'fontSize': 12
      },
      "dataProvider": dataProvider,
      "valueAxes": [{
          "stackType": "regular",
          "axisAlpha": 0.3,
          "gridAlpha": 0,
          'fontSize': 13
      }],
      "graphs": [{
          "balloonText": "&lt;b&gt;[[title]]&lt;/b&gt;&lt;br&gt;&lt;span style='font-size:14px'&gt;[[value]]→[[CLIENT_REFUSED_MONEY]]&lt;/span&gt;",
          "fillAlphas": 0.8,
          "labelText": "[[value]]→[[CLIENT_REFUSED_MONEY]]",
          "lineAlpha": 0.3,
          "title": "Refused",
          "type": "column",
          "color": "#000000",
          "valueField": "CLIENT_REFUSED_COUNT",
          'fontSize': 16,
      }, {
          "balloonText": "&lt;b&gt;[[title]]&lt;/b&gt;&lt;br&gt;&lt;span style='font-size:14px'&gt;[[value]]→[[DENIED_MONEY]]&lt;/span&gt;",
          "fillAlphas": 0.8,
          "labelText": "[[value]]→[[DENIED_MONEY]]",
          "lineAlpha": 0.3,
          "title": "Denied",
          "type": "column",
          "color": "#000000",
          "valueField": "DENIED_COUNT",
          'fontSize': 16,
      }, {
          // On mouse hover which balloon is show
          "balloonText": "&lt;b&gt;[[title]]&lt;/b&gt;&lt;br&gt;&lt;span style='font-size:14px'&gt;[[value]]→[[IN_PROGRESS_MONEY]]&lt;/span&gt;",
          "fillAlphas": 0.8,
          // Text on column (may unicode symbols, other fields)
          "labelText": "[[value]]→[[IN_PROGRESS_MONEY]]",
          "lineAlpha": 0.3,
          "title": "In progress",
          "type": "column",
          "color": "#000000",
          // Variable from data provider.
          "valueField": "IN_PROGRESS_COUNT",
          'fontSize': 16,
      }, {
          "balloonText": "&lt;b&gt;[[title]]&lt;/b&gt;&lt;br&gt;&lt;span style='font-size:14px'&gt;[[value]]→[[APPROVED_MONEY]]&lt;/span&gt;",
          "fillAlphas": 0.8,
          "labelText": "[[value]]→[[APPROVED_MONEY]]",
          "lineAlpha": 0.3,
          "title": "Approved",
          "type": "column",
          "color": "#000000",
          "valueField": "APPROVED_COUNT",
          'fontSize': 16,
      }],
      "categoryField": "operator",
      "categoryAxis": {
          "gridPosition": "start",
          "axisAlpha": 0,
          "gridAlpha": 0,
          "position": "left",
          'fontSize': 13,
          'boldLabels': true
      },
  };
  
  AmCharts.makeChart("underwriters-deals-chart", chartOptions);
  </code></pre>