Javascript 如何使条形图上的X轴与点宽度匹配
到目前为止,我已经能够在条形图上调整Javascript 如何使条形图上的X轴与点宽度匹配,javascript,css,highcharts,Javascript,Css,Highcharts,到目前为止,我已经能够在条形图上调整pointWidth的大小,这仅仅改变了条形图的宽度。但我真正想要的是轴也能匹配这个尺寸。例如,请看以下内容: Highcharts.chart('container'{ 图表:{ 类型:'bar' }, xAxis:{ 类别:[一月、二月、三月、四月、五月、六月、七月、八月、九月、十月、十一月、十二月] }, 打印选项:{ 系列:{ 点宽度:10 } }, 系列:[{ 数据:[29.9,71.5,106.4,129.2,144.0,176.0,135.61
pointWidth
的大小,这仅仅改变了条形图的宽度。但我真正想要的是轴也能匹配这个尺寸。例如,请看以下内容:
Highcharts.chart('container'{
图表:{
类型:'bar'
},
xAxis:{
类别:[一月、二月、三月、四月、五月、六月、七月、八月、九月、十月、十一月、十二月]
},
打印选项:{
系列:{
点宽度:10
}
},
系列:[{
数据:[29.9,71.5,106.4,129.2,144.0,176.0,135.6148.5,216.4194.1,95.6,54.4]
}]
});代码>
根据主容器的高度计算每个数据点容器的高度。请参见下面示例中的320px与400px容器高度
var opt={
图表:{
类型:'bar'
},
xAxis:{
类别:[一月、二月、三月、四月、五月、六月、七月、八月、九月、十月、十一月、十二月]
},
打印选项:{
系列:{
点宽度:10
}
},
系列:[{
数据:[29.9,71.5,106.4,129.2,144.0,176.0,135.6148.5,216.4194.1,95.6,54.4]
}]
};
海图。海图('container1',opt);
海图。海图('container2',opt)代码>
检查此选项,它将有助于吊杆。谢谢:)