2011-07-05 55 views
29

需要找到一种方法来表示带误差栏的图形,但目前似乎不支持highchart。我的计划是使用一个带有0的堆列条形图,将Y降低为透明,将Y降至Y的上边,使用红色或稍后选择的内容。Highchart特定宽度堆栈柱形条形图

我的问题是:

是否有可能限制堆列条宽说1px的不管highchart缩放级别?

感谢您的输入!

回答

33

我自己弄明白了这一点。 pointWidth是用于设置条宽度的宽度的参数。 此外,漫步是很好的代表错误栏,因为没有任何高度互动的JavaScript图表支持这种类型的图表呢。

+5

你可以分享一个例子吗? –

+0

谢谢,这帮助了我!你应该接受你的答案是正确的。 – benekastah

+2

太棒了! 但是,现在我的酒吧互相重叠。你有这个问题吗?或者你知道如何自动调整每个栏之间的间距? – JimmyJammed

24
series: [{ 
      name: strSeriesTitle, 
      data: arrData, 
      pointWidth: 28 
     }] 
+0

非常感谢...它也可以工作 –

13

A working DEMO用于设置列的宽度而不考虑图表大小。

你将不得不使用pointWidth选项,如:

$(function() { 
    $('#container').highcharts({ 
     chart: { 
      type: 'column' 
     }, 
     xAxis: { 
      categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'] 
     }, 

     plotOptions: { 
      series: { 
       pointWidth: 40//width of the column bars irrespective of the chart size 
      } 
     }, 

     series: [{ 
      data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4] 
     }] 
    }); 
}); 
+0

它增加了'bars'的宽度,但之后'bars'重叠。我想增加图表大小的'bars'大小。怎么样? –

9

应使用下列选项而不是pointWidth是敏感和不固定:

plotOptions: { 
    series: { 
     pointPadding: 0, // Defaults to 0.1 
     groupPadding: 0.01 // Defaults to 0.2 
    } 
}, 
+0

增加'groupPadding'对于使“辅助”迷你吧接近更大的“主要”栏非常有用。 – Ifnot

+0

谢谢。我不想使用固定像素,并且pointWidth没有占用字符串百分比。但是,使用pointPadding,groupPadding和pointWidth,我没有看到它们的记录。 http://api.highcharts.com/highcharts/plotOptions.series – Turbo