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：如何消除系列和垂直轴之间的差距？

回答

相关问题