2017-09-26 18 views
0

Highchartsは、1.シリーズラインスタート/シリーズラインエンドと2.垂直軸の間にある間隔を追加しているようです。ハイチャート:シリーズ軸と垂直軸のずれを取り除く方法は?

詳細については、jsfiddleリンクと下のスクリーンショットをご覧ください。

http://jsfiddle.net/8kbf2e1x/

Highcharts.chart('container', { 

    title: { 
     text: 'Solar Employment Growth by Sector, 2010-2016' 
    }, 

    subtitle: { 
     text: 'Source: thesolarfoundation.com' 
    }, 

     xAxis: { 
      categories: ['D1', 'D2', 'D3', 'D4'] 
    }, 

    yAxis: { 
     title: { 
      text: 'Number of Employees' 
     } 
    }, 
    legend: { 
     layout: 'vertical', 
     verticalAlign: 'bottom' 
    }, 

    plotOptions: { 
     series: { 
     } 
    }, 

    series: [{ 
     name: 'Installation', 
     data: [43934, 52503, 57177, 69658] 
    }, { 
     name: 'Manufacturing', 
     data: [24916, 24064, 29742, 29851] 
    }, { 
     name: 'Sales & Distribution', 
     data: [11744, 17722, 16005, 19771] 
    }, { 
     name: 'Project Development', 
     data: [null, null, 7988, 12169] 
    }, { 
     name: 'Other', 
     data: [12908, 5948, 8105, 11248] 
    }], 

    responsive: { 
     rules: [{ 
      condition: { 
       maxWidth: 500 
      }, 
      chartOptions: { 
       legend: { 
        layout: 'horizontal', 
        align: 'center', 
        verticalAlign: 'bottom' 
       } 
      } 
     }] 
    } 

}); 

Highcharts - auto added gaps

どのように私はこのスペースを取り除くのですか?隙間のないプロット領域内でシリーズラインをエンディングからエンドまで拡大したい。より少ないデータ点数で達成可能ですか? (例えば、私の場合、すべての系列のみ4つのデータポイントを有する)

+1

これはおそらくHighchartsの歴史の中で最も聞かれる質問です:https://www.google.com/search?q=Highcharts+%3A+How+to+remove+the+gap +シリーズ+と+垂直+軸の間%3F&ie = utf-8&oe = utf-8 – jlbriggs

答えて

3

チェックpointPlacement

pointPlacementが「ON」である場合、点は、X軸のいずれかのパディングを作成しないであろう。

plotOptions: { 
    series: { 
    pointPlacement: 'on' 
    } 
}, 

Fiddleデモ

+0

あなたは素晴らしいです!!!! – Curious86

関連する問題