Javascript 减少Highcharts中列之间的空间

Javascript 减少Highcharts中列之间的空间,javascript,jquery,html,highcharts,Javascript,Jquery,Html,Highcharts,我有2个系列的列高图表 我试图设置如下属性,但列之间的空间并没有减少 column: { pointPadding: 0, //also tried 0.1 pointWidth: 35, groupPadding:0.1, // also tried 0 borderWidth: 0 }, 如何更改列之间的空间,我想固定宽度35px 这是我的源代码。谢谢 var ConstantsConfigChart={ 彩色

我有2个系列的列高图表

我试图设置如下属性,但列之间的空间并没有减少

column: {
        pointPadding: 0, //also tried 0.1
        pointWidth: 35,
        groupPadding:0.1, // also tried 0
        borderWidth: 0
      },
如何更改列之间的空间,我想固定宽度35px

这是我的源代码。谢谢

var ConstantsConfigChart={
彩色文字:“444”,
fontsize12:“12px”,
fontsize14:“14px”,
fontsize16:“16px”
}
变量常数={
奥原:100000000
}
让topRightOption={
图表:{
键入:“列”,
间距底部:0,
间距:10,
间距:0,
间距:0,
动画:错误
},
标题:{
文本:“单位”,
对齐:“左”,
风格:{
颜色:ConstantsConfigChart.colorText,
fontSize:ConstantsConfigChart.fontsize14
},
保证金:0,
x:0,,
y:12,
},
xAxis:{
类别:[],
十字准星:没错,
标签:{
风格:{
颜色:ConstantsConfigChart.colorText,
fontSize:ConstantsConfigChart.fontsize14,
fontWeight:“粗体”
}
}
},
亚克斯:[{
分:0,,
标题:{
文本:“”
},
标签:{
风格:{
颜色:ConstantsConfigChart.colorText,
fontSize:ConstantsConfigChart.fontsize12
},
格式化程序:函数(){
返回Highcharts.numberFormat(this.value/Constants.OKWON,1);
}
}
},
{
标题:{
文本:“”,
样式:{}
},
标签:{
启用:对,
格式化程序:函数(){
返回Highcharts.numberFormat(this.value,1);
},
风格:{
颜色:ConstantsConfigChart.colorText,
fontSize:ConstantsConfigChart.fontsize12
}
},
相反:是的,
抵销:10,
十字准星:对
}
],
工具提示:{
分享:是的,
格式化程序:函数(){
变量工具提示=[],
title=“”+this.x+“
”; 工具提示。推送(标题+“
”); $.each(this.points,function(i,point){ 如果(i<2){ 工具提示。推送(“● " + this.series.name+“:“+Highcharts.numberFormat(this.point.y/Constants.OKWON,1)+”억원
’); }否则{ 工具提示。推送(“● “+this.series.name+”:“+this.point.y+'%
”); } }); 返回工具提示。连接(“”); }, 风格:{ fontWeight:'正常', fontSize:ConstantsConfigChart.fontsize14 } }, 打印选项:{ 专栏:{ 点填充:0, 点宽:35, 分组填充:0.1, 边框宽度:0 }, 系列:{ 动画:错误 } }, 出口:{ 已启用:false }, 学分:{ 已启用:false }, 颜色:['#fe7c7c'、'#43d487'、'#ff9600'], 系列:[], 图例:{ 布局:“水平”, 对齐:'居中', 垂直排列:“底部”, 项目样式:{ 颜色:ConstantsConfigChart.colorText, fontSize:ConstantsConfigChart.fontsize14, fontWeight:“正常” } } }; 数据={ “StatisticGoalFee”:[{ “名称”:(董事会)“, “价值”:900000000.0 }, { “名称”:(组件)”, “价值”:70000000.0 }, { “名称”:(模块)”, “价值”:77000000.0 } ], “统计费用”:[{ “名称”:(董事会)“, “值”:860000000.0 }, { “名称”:(组件)”, “价值”:460000000.0 }, { “名称”:(模块)”, “价值”:59000000.0 } ], “ProgressKRW100Rate”:[{ “名称”:(董事会)“, “价值”:0.5 }, { “名称”:(组件)”, “价值”:117.9 }, { “名称”:(模块)”, “价值”:3.0 } ] }; 让seriesGoal=data.StatisticGoalFee.map(c=>({ 姓名:c.姓名, y:c.价值 })); 让seriesReal=data.StatisticRealFee.map(c=>({ 姓名:c.姓名, y:c.价值 })); let rates=data.ProgressKRW100Rate.map(c=>({ 姓名:c.姓名, y:c.价值 })); topRightOption.xAxis.categories=seriesGoal.map(c=>c.name); //此.bottomRightOption.series[1]。数据=seriesReal; var top_right=Highcharts.chart('container',top right选项); 右上角({ 姓名:“도전", 数据:seriesGoal, 数据标签:{ 启用:对, 填充:5, 风格:{ 颜色:ConstantsConfigChart.colorText, textOutline:false, fontSize:ConstantsConfigChart.fontsize14, fontWeight:“正常” }, 对齐:“右”, 堆叠标签:{ 已启用:true }, 格式化程序:函数(){ 返回Highcharts.numberFormat(this.y/Constants.OKWON,1); } } }); 右上角({ 姓名:“실적", 数据:seriesReal, 数据标签:{ 启用:对, 填充:5, 风格:{ 颜色:ConstantsConfigChart.colorText, fontSize:ConstantsConfigChart.fontsize14, textOutline:false, fontWeight:'正常', }, 对齐:“左”, 堆叠标签:{ 已启用:true }, 格式化程序:函数(){ 返回Highcharts.numberFormat(this.y/Constants.OKWON,1); } } });

一种可能的解决方案是使用轴大小调整器,但这将改变整体宽度,而不仅仅是条之间的空间

请记住,由于此解决方案使用固定的
px
值,因此需要根据条数计算此值

xAxis: {
   width: '350px',
   // ...
}
var ConstantsConfigChart={
彩色文字:“444”,
fontsize12:“12px”,
fontsize14:“14px”,
fontsize16:“16px”
}
变量常数={
奥原:100000000
}
让topRightOption={
图表:{
键入:“列”,
间距底部:0,
间距:10,
间距:0,
间距:0,
动画:错误
},
标题:{
文本:“单位”,
对齐:“左”,
风格:{
颜色:ConstantsConfigChart.colorText,
fontSize:ConstantsConfigChart.fontsize14
},
保证金:0,
x:0,,
y:12,
},
xAxis:{
宽度:“350px”,
类别:[],
十字准星:没错,
标签:{
风格:{
颜色:ConstantsConfigChart.colorText,
fontSize:ConstantsConfig
series: {
        animation: false,
        pointWidth: 35,
        groupPadding: 0.4,
}