title: Highcharts create custom button in config
body: <p>Is there a way to leverage the Highcharts config object to create a custom button w/o using the export feature? </p>
  
  <p>The method below will programatically add the button w/the last few lines of code (prior to the return statement), however I'd like to simply take care of this in the config. </p>
  
  <pre><code>    var options = {
              chart: {
                  renderTo: container,
                  zoomType: 'x',
                  spacingBottom: 20,
                  type: 'column'
              },
              legend: {
                  layout: 'vertical',
                  verticalAlign: 'top',
                  align: 'right'
              },
              tooltip: {
                  shared: true,
                  crosshairs: true,
                  xDateFormat: '%b %e, %l:%M %p'
              },
              series: [
                  { 
                      "name": "Excellent",
                      "color": config.color.excellent,
                      "data": dataE,
                      "pointWidth": pointWidth ? pointWidth : undefined
                  },
                  { 
                      "name": "Fair",
                      "color": config.color.fair,
                      "data": dataF,
                      "pointWidth": pointWidth ? pointWidth : undefined 
                  },
                  { 
                      "name": "Poor",
                      "color": config.color.poor,
                      "data": dataP,
                      "pointWidth": pointWidth ? pointWidth : undefined 
                  }
              ],
              exporting: {
                  enabled: false
              }
          }
  
          // Adds new button below
          var chart = new Highcharts.Chart(options);
          var custombutton = chart.renderer.button('button', 74, 10, function(){
              alert('New Button Pressed');
          },null,null,null).add();
          return chart;
  </code></pre>