Question

我尝试使用highcharts.js创建包含列系列和行系列的图表。我使用pointPadding和groupPadding来控制documentation的列宽。但是，当我包含线系列时，列的宽度会缩小。我认为这是因为系列中的点数多于列系列中的点数。有没有办法用不同长度的多个系列/系列来保持列宽？

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/

如何在highcharts中保持多个系列的列宽？

1 个答案: