title: customize column Highchart with icons
body: <p>I want to customize column Highchart with icons on its ends.
  also i want them to be floating on the center.</p>
  
  <p>below is my code what i have tried, but i could not combine <em>spline</em> and <em>columnrange</em> charts together in order to get the icons.</p>
  
  <pre><code>$('#ao-DashBoardDateRanger').highcharts({
  
              chart: {
                  type: 'columnrange',
                  inverted: true
              },
  
              credits: {
                  enabled: false
  
              },
              exporting: {
                  buttons: {
                      contextButtons: {
                          enabled: false,
  
                      }
                  },
                  enabled: true
              },
              title: {
                  text: 'LIST OF PROJECTS'
              },
  
              subtitle: {
                  text: ''
              },
  
              xAxis: {
                  categories: ['May 2016', 'Jun  2016', 'Jul 2016', 'Aug 2016']
              },
  
              yAxis: {
                  title: {
                      text: null
                  }
              },
              plotOptions: {
  
                  columnrange: {
                      stacking: 'normal',
                      pointPadding: 0.2,
                      groupPadding: 0,
                      dataLabels: {
                          enabled: true,
                          align : "top"
                      }
                  }
  
                  }
              ,
  
              legend : {
                  enabled: false
              },
  
              series: [{
                  name: 'Sales',
  
                  data: [
                      [-9.7, 9.4],
                      [-8.7, 6.5],
                      [-3.5, 9.4],
                      [-1.4, 19.9],
  
                  ]
              }]
  
          });
  </code></pre>
  
  <p>thanks in advance!</p>