Javascript Highcharts条形图固定网格尺寸

Javascript Highcharts条形图固定网格尺寸,javascript,jquery,charts,highcharts,grid,Javascript,Jquery,Charts,Highcharts,Grid,我正在尝试使3个独立的条形图在刻度线/网格线之间具有相同的距离,但不确定应该使用哪一个 对于我的图表,我想从数据数组中的数据点数量计算图表区域的高度。长度数字应乘以图表的像素数量,以创建网格线之间具有相同距离的响应图表 情况: $function{ $document.readyfunction{ var dateArray=['01-01-2014','02-01-2014','03-01-2014','04-01-2014','05-01-2014']; var typeArray=[10

我正在尝试使3个独立的条形图在刻度线/网格线之间具有相同的距离,但不确定应该使用哪一个

对于我的图表,我想从数据数组中的数据点数量计算图表区域的高度。长度数字应乘以图表的像素数量,以创建网格线之间具有相同距离的响应图表

情况:

$function{ $document.readyfunction{ var dateArray=['01-01-2014','02-01-2014','03-01-2014','04-01-2014','05-01-2014']; var typeArray=[107,31,63,90,30]; var channelArray=[60,31,89,10,50,30,60,31,89,10,50,30,60,31,89,10,50,30]; var perDateArray=[100,10,90,10,90]; var breakNumberOfCharacters=10; 变量数据数组=[{ 颜色:“3366CC”, 名称:'票款金额', 数据:perDateArray }]; var通道阵列=[{ 颜色:“3366CC”, 数据:channelArray }]; 变量类型数组=[{ 颜色:“3366CC”, 名称:“1800年”, 数据:typeArray }]; var groupPaddingValue='.35'; var-barWidth=10; var graphTicketsPerDateHeight=30*perDateArray.length+60; var GraphVerkoopkanalHeight=30*channelArray.length+60; var graphTickTypesHeight=30*typeArray.length+60; var marginVar=[48,10,20,75]; console.loggraphTickTypesHeight+'-'+graphverkoopkanalheight+'-'+graphTicketsPerDateHeight; $'graphsTickTypes'.highcharts{ 图表:{ 类型:'bar', 高度:图形类型高度, 页边空白:Marginvars, 间距:[25,0,0,75], }, 标题:{ 正文: }, 副标题:{ 正文: }, xAxis:{ 类别:[‘成人’、‘青年’、‘儿童’、‘老年’、‘学生’、‘会员’], 标题:{ 文本:空 }, 标签:{ 对齐:“左”, x:-75, 宽度:70 }, 线条颜色:“C0”, 网格线宽度:1, gridLineColor:'C0C0', tickColor:'FFFFFF', gridZIndex:1, 恩东蒂克:是的 }, 亚克斯:{ 分:0,, maxPadding:0, 是的, 恩东蒂克:是的, 线条颜色:“C0”, 线宽:1, tickColor:'FFFFFF', 标题:{ 正文: }, 标签:{ 溢出:'justify' } }, 工具提示:{ 格式化程序:函数{ return+this.y+''++this.x+; }, 希德雷:100, borderColor:'000000', 定位器:functionboxWidth、boxHeight、point{ 返回{ x:point.plotX/2+20, y:point.plotY-10 }; } }, 打印选项:{ 系列:{ pointWidth:barWidth, //点填充:0, groupPadding:groupPaddingValue, 边框宽度:0, 活动:{ legendItemClick:函数{ 返回false; } } }, 酒吧:{ 分组:对, 数据标签:{ 已启用:false } } }, 图例:{ 对齐:“顶部”, 垂直排列:“顶部”, 宽度:400, 布局:“水平”, 符号高度:10, 符号宽度:10, y:-30, x:-83, 差额:30, 标签格式:“票款金额”, 项目样式:{ 游标:默认值, 体重:正常 } }, 学分:{ 已启用:false }, 系列:类型数组
};您能澄清问题的具体内容吗?我使用相同的方法,获取要绘制的节点数,乘以“每个节点的高度”属性,并为上下边距添加一个基准高度。这对我来说一直很好,尽管我没有尝试绝对像素
精度。您好,如图所示,x轴的垂直尺寸变化很大。我想把这些设置为一个固定的宽度,比如说30像素,这样所有的图都会是相同的大小,我可以把其他信息放在正确的高度上。我也会尝试将xAxis.height设置为20*number\u of\u categories。这将使xAxis很容易将空间划分为具有完全相同宽度的类别。感谢您的提示。如果我同时定义图表的高度和X轴,这似乎是可行的。我确实需要在总高度上加上其他间距之类的。