高圖表的寬度問題

{ 
    colors: ['red','#009966'], 
    chart: { 
      height: 150, 
      width: 350, 
      type: 'bar', 
      backgroundColor: '#efefef', 
      marginLeft:150 
     }, 
    title: { 
      text: 'Workgroup Ticket in SLA', 
      style: { 
      color: 'black', 
      fontWeight: 'bold', 
      fontSize: '16px' 
      } 
    }, 
    xAxis: { 
      x:-15, 
      y:2, 
      lineColor: '#82CAFF', 
      lineWidth: 1, 
      categories: ['AS Front End Eng.', 'AS FFE Support', 'AS UI Transaction','AS UI Merchandizing','AS UI Infrastructure','AS Website Festures'], 
      labels: { 
      style: { 
        color: 'black', 
        fontSize: '8px', 
        fontWeight: 'bold', 
        fontFamily: 'Verdana, sans-serif' 
        } 
       } 
      }, 
      yAxis: { 
       lineColor: '#82CAFF', 
       lineWidth: 1, 
       gridLineDashStyle: 'dot', 
       tickPositions: [0,20,40,60,80,100], 
       width:160, 
       title: { 
        text: '' 
       }, 
       labels: { 
       style: { 
        color: 'black', 
        fontSize: '9px', 
        fontWeight: 'bold', 
        fontFamily: 'Verdana, sans-serif' 
       } 
       } 
      }, 
      legend: { 
       enabled: false, 
       backgroundColor: '', 
       reversed: true 
      }, 
      plotOptions: { 

       series: { 
        stacking: 'normal',      
       } 
      }, 
       series: [ { 
       name: '', 
       data: [0, 5, 62, 50, 22,22] 
      }, 
         { 
       name: '', 
       data: [100,95,38,50,78,78] 
      } 
    ] 
}

這是的jsfiddle鏈接高圖表的寬度問題

我想刪除在高圖表boxh左側和右側創建了額外的空間。

但是在降低寬度時，它在高圖表中顯示錯誤。

來源

2013-06-04 jem

marginLeft：110，marginRight：30 這樣我已經減少了額外的空間。無論如何，版權空間是API需要顯示其內容的東西。 – Sanath

我已更新小提琴 – Sanath

而不是減少寬度，降低了利潤率左

http://api.highcharts.com/highcharts#chart

編輯：您可以減少spacingLeft和spacingRight http://api.highcharts.com/highcharts#chart.spacingLeft

來源

2013-06-04 06:31:18 Sanath

我已更新jsfiddle http://jsfiddle.net/SMrKu/1/ marginLeft = 120.But但我想刪除右側的額外空間。 – jem

問題是在Y軸上給出的寬度我已經去掉了圖表的寬度高度，也刪除了y軸的寬度。所有邊距寬度也被刪除。 – Sanath

根據你的建議，我已刪除了所有寬度。但現在的圖表非常large.I想要一個小圖 – jem

可以設置spacingLeft和spacingRight財產。

chart: { 
     type: 'bar', 
     spacingLeft:0, 
     spacingRight:0, 
    },

您可以檢查以下鏈接的例子：

http://jsfiddle.net/vpL0j2av/1/

來源

2016-10-15 09:38:54

高圖表的寬度問題

回答

相關問題