Highcharts：如何消除系列和垂直軸之間的差距？

看來Highcharts在1.系列行開始/系列行結束和第2行之間添加了一些間距。Highcharts：如何消除系列和垂直軸之間的差距？

請參閱jsfiddle鏈接和下面的屏幕截圖瞭解更多詳情。

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

});

如何擺脫這個空間？我希望我的系列劇在劇情區域內從頭到尾擴大，沒有空白。使用更少數量的數據點可以實現嗎？（例如，在我的情況下每一個系列只有4個數據點）

來源

2017-09-26 Curious86

這可能是Highcharts歷史上最被問到的問題：https://www.google.com/search?q=Highcharts+%3A+How+to+remove+the+gap +在+系列+和+垂直+軸之間％3F＆ie = utf-8＆oe = utf-8 – jlbriggs

檢查pointPlacement

時pointPlacement是「上」時，點不會產生X軸的任何填充數據。

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

Fiddle演示

來源

2017-09-26 12:14:58

你真棒！ – Curious86

Highcharts：如何消除系列和垂直軸之間的差距？

回答

相關問題