Javascript 减少Highcharts中列之间的空间
我有2个系列的列高图表 我试图设置如下属性,但列之间的空间并没有减少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={ 彩色
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,
}