Javascript 在Highcharts中使用点填充更改条形图宽度
我试图在下表中增加条形图的高度: 使用Javascript 在Highcharts中使用点填充更改条形图宽度,javascript,highcharts,Javascript,Highcharts,我试图在下表中增加条形图的高度: 使用pointPadding和pointPlacement将条重叠放置。 当我添加pointWidth时,这些选项将被忽略 有解决办法吗 这是我的密码: $(function () { $('#chart').highcharts({ chart: { type: 'bar', spacingBottom: 10, spacingTop: 20,
pointPadding
和pointPlacement
将条重叠放置。
当我添加pointWidth
时,这些选项将被忽略
有解决办法吗
这是我的密码:
$(function () {
$('#chart').highcharts({
chart: {
type: 'bar',
spacingBottom: 10,
spacingTop: 20,
spacingLeft: 15,
spacingRight: 15
},
title: {
text: 'F',
},
xAxis: {
categories: ['F']
},
series: [{
name: 'M',
color: 'rgba(220,220,220,0.70)',
borderColor: '#999999',
borderRadius: 0,
data: [4380000.00],
pointPadding: 0,
pointPlacement: 0.2
}, {
name: 'P',
color: 'rgba(0,0,0,0.70)',
borderColor: '#000',
borderRadius: 0,
data: [4000000],
pointPadding: 0.1,
pointPlacement: 0
}, {
name: 'F',
color: 'rgba(140,255,160,0.90)',
borderColor: '#339938',
borderRadius: 0,
data: [3226923.00],
pointPadding: 0.2,
pointPlacement: -0.2
}]
});
});
谢谢您的帮助。忘记点填充,使用点宽度进行操作
series: [{
name: 'M',
color: 'rgba(220,220,220,0.70)',
borderColor: '#999999',
borderRadius: 0,
data: [4380000.00],
//pointPadding: 0,
pointPlacement: -0.2,
pointWidth: 120
}, {
name: 'P',
color: 'rgba(0,0,0,0.70)',
borderColor: '#000',
borderRadius: 0,
data: [4000000],
//pointPadding: 0.1,
pointPlacement: 0,
pointWidth: 80
}, {
name: 'F',
color: 'rgba(140,255,160,0.90)',
borderColor: '#339938',
borderRadius: 0,
data: [3226923.00],
//pointPadding: 0.2,
pointPlacement: 0.2,
pointWidth: 50
}]
您可以在此处看到结果:条形图系列没有属性columnWidth,但是有一个属性可以使用。我的错误是,我已经使用了pointWidth。但是当我使用它时,选项停止工作…你是想得到这样的东西吗?确切地谢谢