높은 차트 폭 문제

{ 
    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] 
      } 
    ] 
}

이 내가 높은 차트의 boxh 왼쪽과 오른쪽에서 만든 여분의 공간을 제거 할 jsfiddle 링크 http://jsfiddle.net/SMrKu/높은 차트 폭 문제

입니다.

그러나 너비를 줄이면 높은 차트에 오류가 표시됩니다.

출처

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

나는 marginLeft = 120으로 jsfiddle http://jsfiddle.net/SMrKu/1/을 업데이트했습니다.하지만 오른쪽 여분 공간을 제거하고 싶습니다. – 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

높은 차트 폭 문제

답변

관련 문제