Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/464.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/37.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使条形图上的X轴与点宽度匹配_Javascript_Css_Highcharts - Fatal编程技术网

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)

检查此选项,它将有助于吊杆。谢谢:)