我想显示0到100%之间的数据。条形图的宽度为160px,我希望看到没有任何标题/传说的酒吧。 我得到范围在0和x之间的数据(例如从0到700),并且可以更改最大值。高级栏缩放
当最大值小于160时,条显示正确。但是,如果最大值超过160个字符,则会错误地缩放当前栏值。
理想的结果
http://jsfiddle.net/dvasuta/H6SJE/2/
我有什么现在 http://jsfiddle.net/dvasuta/sXAeh/2/
$(function() {
$('#container').highcharts({
credits: {
enabled: false,
},
chart: {
renderTo: 'container',
type: 'bar',
marginBottom: 1,
marginTop: 1,
marginLeft: 1,
marginRight: 1,
borderRadius: 0,
borderWidth: 1,
borderColor: '#c5c6c7',
backgroundColor: 0,
height: 22,
width:160
},
title: {
text: null
},
xAxis: {
tickWidth: 0,
lineWidth: 0,
gridLineWidth: 0,
categories: 0,
labels: {
enabled: false
}
},
yAxis: {
tickWidth: 0,
lineWidth: 0,
gridLineWidth: 0,
min: 0,
max: 2500,
title: {
text: null
},
labels: {
enabled: false
}
},
tooltip: {
enabled: false,
formatter: function() {
return '';
}
},
legend: {
enabled: false
},
plotOptions: {
bar: {
dataLabels: {
enabled: true,
formatter: function() {
return '';
},
y: 0,
x: 0,
color: '#ff0',
style: {
fontSize: '18px',
fontFamily: 'bold Helvetica,Arial,sans-serif'
}
}
},
series: {
allowPointSelect: false,
enableMouseTracking: false,
groupPadding: 0,
pointPadding: 0,
borderWidth: 0,
borderRadius: 0
}
},
series: [{
shadow: true,
data: [2482],
color: {
linearGradient: [20, 20, 0, 20],
stops: [
[0, '#B6D22D'],
[1, '#5C9135']
]
}
}]
});
});
似乎在chart.width参数的问题。但我怎样才能设置图表宽度?
谢谢你的回答! – Castro 2013-03-30 11:55:10