如何在HighCharts中使用多个系列保持柱宽度

Question

我正在尝试使用HighCharts.js创建一个使用列系列和线系列的图表。根据文档，我正在使用pointPadding和groupPadding来控制列宽度。 但是，当我包括线系列时，列会在宽度上收缩。我认为这是因为线系列中比列系列中的点要多。有没有一种方法可以维护具有不同长度的多个系列/系列的列宽？

Highcharts.chart('container', {
    title: {text: 'Histogram'},
    xAxis: {gridLineWidth: 1},
    series: [{
        pointPadding: 0,
        groupPadding: 0,
        type: 'column',
        name: 'Density',
        data: []
    }, {
        type: 'line',
        name: 'Normal Curve',
        data: []
    }]
});

这是一个jsfiddle，其中一个示例：http://jsfiddle.net/dgb751hp/

Answer 1

是的，你是对的。通过添加行系列，列之间有更多点使列更窄。要解决此问题，只需添加另一个xAxis，将其链接到第一个，然后将第二个系列链接到第二个xAxis。看看下面的示例。

API参考：
http://api.highcharts.com/highcharts/series.xaxis
http://api.highcharts.com/highcharts/xaxis.linkedto

示例：
http://jsfiddle.net/9SS538R7/