2013-09-30 75 views
0

如何使單個柱的寬度更厚?否則只有1列,它得到一個小寬度如何讓單列的寬度更厚?

example

$(function() { 
$('#container').highcharts({ 

    plotOptions: { 
     series: { 
      shadow: true 
     } 
    }, 

    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], 
     type: 'column' 
    }, { 
     data: [176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4], 
     type: 'column' 
    }, { 
     data: [176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4], 
     type: 'column' 
    }, { 
     data: [176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4], 
     type: 'column' 
    }] 
}); 

});

回答

1

pointWidth(documentation)將允許您指定單個條的寬度。

plotOptions: { 
     series: { 
      shadow: true, 
      pointWidth:5 
     } 
    }, 

Example

+0

這是總寬度。我需要相同的時間表是不同的寬度,因爲他沒有足夠的空間,並且因此壓縮,所以它被壓縮在整個軸上。我希望它只在必要時收縮。 – Igor

+0

如果限制寬度,可能需要查看其他類型的圖表。堆積的柱子或線會起作用。 – cbeckner

0

一般來說是不可能的,但可以通過ATTR()函數修改SVG寬度元件。

chart.series[0].data[4].graphic.attr({width:50}); 

http://jsfiddle.net/D6vNc/1/