我想保持相同大小的酒吧。无论有多少价值观。 这是我希望拥有所有栏的大小。
我希望所有的酒吧都是相同的尺寸。无论如何,我必须滚动查看其他栏(这是我想要的)。
这是我的代码: http://jsfiddle.net/Laxfsbtb/
$('#container').highcharts({
chart: {
type: 'bar'
},
series: [{
name: 'text1',
data: [1000, 950,920,880,850,234],
color: "#FF0000"
}, {
name: 'text2',
data: [800,770,750,740,730,4324],
color: "#000000"
}, {
name: 'text3',
data: [600,540,535,500,400,324],
color: "#00FF00"
}]
});
});
答案 0 :(得分:2)
可以使用pointWidth
参数完成此操作,例如:
plotOptions: {
series: {
pointWidth: 20 //width of the bar/column/point.
}
},
要允许scrollbar
,您应该升级到highstock但只能水平工作。或者您可以设置一个div
,允许图表在内部“更大”并滚动div
窗口。
答案 1 :(得分:0)
不确定您正在寻找什么,但这可能会有所帮助。
我前一段时间把一个例子放在一起根据条形数调整图表的高度,使用一些预设的参数:
var barCount = chartData.length;
var pointWidth = 20;
var marginTop = 60;
var marginRight = 10;
var marginBottom = 50;
var marginLeft = 100;
var pointPadding = 0.3;
var chartHeight = marginTop
+ marginBottom
+ ((pointWidth * barCount) * (1 + groupPadding + pointPadding));
所以,告诉它你想要的尺寸,它们之间有多少填充,图表顶部和底部有多少边距,以及你有多少数据点。
当图表本身增长以适应它们时,条形图将保持相同的大小和间距。
示例:
要查看它是否有效,请更改此行中的12:
var chartData = randomData(12, true);
你想要的任何数字。
((修改
由于您正在使用分组数据,因此您必须稍微更改一下数学。您需要考虑组的数量,然后乘以groupPadding,添加到数字中分数*点数。
您还必须使数据点的计数稍微复杂一些。