Highcharts - वृद्धि बार ऊंचाई बार खाई

Question

को कम वृद्धि बार ऊंचाई की कोशिश बार के अंदर श्रृंखला नाम समायोजित करने के लिए और को श्रृंखला समूह के बीच अंतर को कम डिफ़ॉल्ट कोशिश कर रहा। खंड "श्रृंखला: []" है, मैं जेएसओएन रिटर्न फ़ंक्शन को पॉप्युलेट करने के लिए मानता हूं। सभी उदार JSFiddle उदाहरणों से कई उदाहरणों का कोई फायदा नहीं हुआ। मैं एक नोब हूँ इसलिए कृपया धैर्य रखें। कोई विचार? अब तक मेरे पास है: http://jsfiddle.net/PeterHanekom/7ue5bkm8/1/

 var options = { 
      chart: { 
       renderTo: 'container', 
       type: 'bar' 
      }, 
      colors: ['#00B9B9', '#527CED', '#A7D36B', '#B9B900', '#0097FF', '#400040', '#EA4D00', '#336699', '#8080C0', '#ADA870'], 
      title: { 
       text: 'Cluster Totals', 
       x: -20 //center 
      }, 
      subtitle: { 
       text: 'Dept - Branch', 
       x: -20 
      }, 
      xAxis: { 
       categories: [] 

      }, 
      yAxis: { 
       min: 0, 
       max: 100,     
       title: { 
        text: 'Percentage' 
       }, 
       labels: { 
        overflow: 'justify' 
       } 
      }, 
      tooltip: { 
       formatter: function() { 
         return '<b>'+ this.series.name +'</b><br/>'+ 
         this.x +': '+ this.y; 
       } 
      }, 
      legend: { 
       align: 'center', 
       borderWidth: 0 
      }, 
      plotOptions: { 
       bar: {    
       stacking: 'normal', 
       pointWidth: 20, 
       pointPadding: 0, 
       cursor: 'pointer', 
       point: { 
        events: { 
         click: function() { 
          alert('later drilldown events'); 
         } 
        } 
       dataLabels: { 
        enabled: true, 
        inside:true, 
        useHTML: true, 
        align: 'left', 
        color: 'white', 
        style: { 
         fontWeight: 'bold' 
        },      
        verticalAlign: 'middle',      
        formatter: function() { 
         if (this.series.name) 
         return '<span style="color:black; height: 25px;">' + this.series.name + ' = ' + this.y + '</span>'; 
         else return ''; 
        } 
       } 
       } 
      }, 
      series: [] 
     } 

     $.getJSON("./services/get360Pivot.php?s_Search=" + sOperatorSearch, function(json) 
     { 
     options.xAxis.categories = json[0]['data']; 
     options.series[0] = json[1]; 
     options.series[1] = json[2]; 
     options.series[2] = json[3]; 
     options.series[3] = json[4]; 
     chart = new Highcharts.Chart(options); 
     });   

Answer 1

मैं आपको लगता है विकल्प आप pointWidth groupPadding और कर रहे हैं की जरूरत है। जैसे

   groupPadding:0.1, 
       pointWidth:20, 

http://jsfiddle.net/s3t2pL94/