हाई-शार्ट्स- बार चार्ट के लिए पैडिंग को हटा रहा है

Question

मैं बार चार्ट (प्रतिशत स्टैकिंग के साथ) का उपयोग करके प्रगति-बार का निर्माण कर रहा हूं और कंटेनर में रिक्त स्थान/पैडिंग को हटाना चाहता हूं और बिना किसी पैडिंग/मार्जिन रिक्त स्थान के केवल बार को रखना चाहता हूं चार्ट कंटेनर में।

क्या इसे पूरा करने का कोई तरीका है?

Fiddle

कोड:

$(function() { 
    var chart; 
    $(document).ready(function() { 
     chart = new Highcharts.Chart({ 
      chart: { 
       renderTo: 'container', 
       type: 'bar' 
      }, 
      legend: { 
       enabled: false, 
      }, 
      title: { 
       text: '' 
      }, 
      xAxis: { 

       lineWidth: 0, 

       labels: { 
        enabled: false 
       }, 
       minorTickLength: 0, 
       tickLength: 0 
      }, 
      yAxis: { 
       min: 0, 
       title: { 
        text: '' 
       }, 
       lineWidth: 0, 
       gridLineWidth:0, 
       lineColor: 'transparent', 
       labels: { 
        enabled: false 
       }, 
       minorTickLength: 0, 
       tickLength: 0 
      }, 
      tooltip: { 
       enabled: false 
      }, 
      plotOptions: { 
       bar: { 
        stacking: 'percent' 

       }, 
       series: { 
      pointPadding: 0, 
      groupPadding: 0,  
     } 
      }, 

      series: [{ 
       name: 'max', 
       data: [40], 
       color: 'white' 
      }, { 
       name: 'current', 
       data: [60], 
       color: 'green' 
      }] 
     }); 
    }); 

}); 

Answer 1

आप कर सकते हैं सरल निकालें मार्जिन:

chart: { 
    renderTo: 'container', 
    .... 
    margin: 0 
} 

देखें: http://jsfiddle.net/gRYGn/4/