하이 차트 열을 가장자리로 확장하십시오.

내 열 하이라이트를 바로 가장자리로 확장하는 방법을 이해하지 못했습니다.하이 차트 열을 가장자리로 확장하십시오.

아래 이미지에서 파란색 영역은 하이 차트 div이고 빨간색 영역은 제거하려는 "낭비 된 공간"입니다.

가장 좋은 방법은 무엇입니까?

enter image description here

편집 : 여기에 더 나은 당신이 달성 할 수있는 문제

 graphEl.highcharts 
        chart: 
         animation:false 
         margin: [0,0,0,0] 
         spacing: [0,0,0,0] 
         zoomType: false 
        credits:false 
        navigation: 
         buttonOptions: 
          enabled: false 
        pane: 
         size: "100%" 
        plotOptions: 
         spline: 
          marker: 
           radius: 0 
         line: 
          border:1 
          marker: 
           radius: 0 
         column: 
          grouping:false 
          pointPadding: 0 
          pointPlacement: "on" 
          groupPadding: 0 
          padding:0 
          borderWidth: 0 
          borderColor: "transparent" 

        title: 
         text: "" 

        subtitle: 
         text: "" 

        xAxis: 
         startOnTick: true 
         endOnTick: true 
         lineColor: "#F3F3F3" 
         tickColor: "#F3F3F3" 
         labels: 
          enabled:false 
          step:1 
        yAxis: [ # Primary yAxis 
         type: 'column' 
         min:0 
         gridLineWidth: 0 
         minorGridLineWidth: 0 
         lineColor: "#3782C1" 
         labels: 
          format: "" 
          style: 
           display: "none" 
         title: 
          text: "" 
          style: 
           display: "none" 
        ] 
        dataLabel: 
         useHTML:true 
        legend: 
         padding: 0 
         floating: true 
         style: 
          display: "none" 
        series: seriesList

enter image description here

출처

2015-01-08 Ashley Coolman

당신은 0으로 x 축에 minPadding/maxPadding을 설정할 수 있지만 모두 도움이 될 것입니다 categores 또는 xAxis 번호를 사용하는 경우에 따라 다릅니다. 우리의 해답이 문제를 해결하지 못한다면 간단한 데모를 다시 만들어보십시오. –

에게 설명하는 커피 스크립트와 GIF 내 (간체) 설정이 나의 관리 그룹 패딩 포인트 패딩.

두 개를 모두 0으로 설정하면 여분의 간격을 없앨 수 있지만 내부 열 사이의 공간을 동일하게 줄일 수 있습니다. tickmarkPlacement 옵션을 사용하여 조언을 제공합니다.

xAxis : { 
    tickmarkPlacement : 'on' 
}

예

tickmarkPlacement :뿐만 아니라 groupPadding 관리 http://jsfiddle.net/oj3odzkf/

: http://jsfiddle.net/oj3odzkf/1/

희망이 당신에게

출처

2015-01-09 07:43:20 Strikers

하이 차트 열을 가장자리로 확장하십시오.

답변

관련 문제