Удалить интервал на графике HighChart?

Question

У меня есть диаграмма с данными, которые извлекаются из файла xml. И я не могу почему-то избавиться от расстояния. Если потребность быть вложу вместе мой код и разместить его на http://jsfiddle.net

*************************** РЕШЕНИЕ: *********************************

OK Прошу прощения, я до сих пор не могу получить это для работы над JSFiddle, но вот что я сделал с моим кодом. Надеюсь, что когда-нибудь это поможет кому-то другому.

ВОТ МОЯ ОРИГИНАЛ КОД:

$(document).ready(function() { 
     var options = { 
      chart: { 
       renderTo: 'container', 
       type: 'column', 
      }, 
      title: { 
       text: 'Donations' 
      }, 
      xAxis: {      
       categories: [], 
       startOnTick: false, 
      }, 
      yAxis: { 
       title: { 
        text: 'Money $' 
       } 

      },    
      plotOptins: { 
       column: { 
        size:'150%' 
       } 
      }, 
      legend: { 
      enabled: false,   
     }, 
      series: [] 
     }; 

     // Load the data from the XML file 
     $.get('data.xml', function(xml) { 
      // Split the lines 
      var $xml = $(xml);    
      // push categories 
      $xml.find('stock symbol').each(function(i, category) {options.xAxis.categories.push($(category).text());  
      });  
      // push series 
      $xml.find('stock').each(function(i, series) { 
       var seriesOptions = { 
        name: $(series).find('symbol').text(), 
        data: [] 
       }; 

       // push data points 
       $(series).find('price').each(function(i, point) { 
        seriesOptions.data.push(
         parseInt($(point).text()) 
        ); 
       }); 

       // add it to the options 
       options.series.push(seriesOptions); 
      }); 
      var chart = new Highcharts.Chart(options); 

     }); 
    }); 

ЗДЕСЬ МОЙ НОВЫЙ КОД:

$(document).ready(function() { 
     var options = { 
      chart: { 
       renderTo: 'container', 
       type: 'column',  
      }, 
      title: { 
       text: 'Donations' 
      }, 
      xAxis: {      
     categories: [], 
      }, 
      yAxis: { 
       title: { 
        text: 'Money $' 
       } 

      }, 
      plotOptins: { 
       column: { 
        size:'150%' 
       } 
      }, 
      legend: { 
      enabled: false, 
     }, 
      series: [] 
     }; 

     // Load the data from the XML file 
     $.get('data.xml', function(xml) { 
      // Split the lines 
      var $xml = $(xml); 

      // push categories 
      $xml.find('stock symbol').each(function(i, category) { 
       options.xAxis.categories.push(i);       
      });   
       var seriesOptions = { 
        //name: $(series).find('symbol').text(), 
        data: [] 
       }; 
      // push series    
      $xml.find('stock').each(function(i, series) { 
       // push data points 
       $(series).find('price').each(function(i, point) { 
        seriesOptions.data.push(parseInt($(point).text()) 
        ); 
       });     
       // add it to the options 

      }); options.series.push(seriesOptions); 
      var chart = new Highcharts.Chart(options); 
     }); 


    }); 

Answer 1

Решение сделать с групповой прокладки. Если вы добавите это в свои параметры диаграммы, он удалит интервал слева и справа.

Далее приведен пример здесь, где я добавил groupPadding: 0

var chart = new Highcharts.Chart({ 
    chart: { 
     renderTo: 'container', 
     type: 'column', 
    }, 
    plotOptions: { 
     series: { 
      groupPadding: 0 
     } 
    }, 
    ... 
)};