Question

我有一个高图图表，将季度数据与每日系列相结合。每日系列显示为一列，每日显示为一行。每个季度都映射到本季度最后一个月的某一天。我的问题是当我有一年或更多的数据显示每个季度 - 列变得非常薄。这是因为它映射到一天，并且只占用一天的宽度。我需要帮助搞清楚如何使列显得更宽，看起来它们不仅仅显示一天的数据。

我已经尝试将更高的borderWidth设置为列，虽然这确实有帮助，但它并不是一个非常好的解决方案。

这是一个显示我的问题和我希望扩大的系列的小提琴：

http://jsfiddle.net/h3Gt9/2/

            type: 'column',
            name: 'Line 2',
            color: '#000000',
            data: [{x: Date.UTC(2012, 3, 01), y: 1.707},
                   {x: Date.UTC(2012, 6, 01), y: 0.71}, 
                   {x: Date.UTC(2012, 9, 01), y: 0.106}, 
                   {x: Date.UTC(2012, 12, 01), y: 0.129}, 
                   {x: Date.UTC(2013, 3, 01), y: 0.144}, 
                   {x: Date.UTC(2013, 6, 01), y: 0.176},
                   {x: Date.UTC(2013, 9, 01), y: 0.135}]

用我边界尝试过的东西：http://jsfiddle.net/h3Gt9/1/

Answer 1

点宽度是它的责任，但我建议熟悉其他参数，如：

http://api.highcharts.com/highcharts#plotOptions.column.groupPadding http://api.highcharts.com/highcharts#plotOptions.column.pointRange http://api.highcharts.com/highcharts#plotOptions.column.pointPadding

Answer 2

Fiddle

使用pointWidth选项，如下所示：

{
  type: 'column',
  name: 'Line 2',
  color: '#000000',
  pointWidth: 80
  // ...
}

编辑：http://api.highcharts.com/highcharts#plotOptions.column.pointWidth

在Highcharts中使列更宽

2 个答案: