Verringert die Kluft zwischen Serien-Daten in Bar Highchart
Möchte ich verringern Sie den Platz zwischen bar-chart-Serie. Unten erwähnt ist das Bild, das gibt ein klares Bild :
Kann jemand empfehlen, den besten Ansatz, um es zu tun?
$(function () {
$('#container').highcharts({
chart: {
type: 'bar'
},
title: {
text: 'Historic World Population by Region'
},
subtitle: {
text: 'Source: Wikipedia.org'
},
xAxis: {
categories: ['Africa', 'America', 'Asia', 'Europe', 'Oceania'],
title: {
text: null
}
},
yAxis: {
min: 0,
title: {
text: 'Population (millions)',
align: 'high'
},
labels: {
overflow: 'justify'
}
},
tooltip: {
valueSuffix: ' millions'
},
plotOptions: {
bar: {
dataLabels: {
enabled: true
}
}
},
legend: {
layout: 'vertical',
align: 'right',
verticalAlign: 'top',
x: -40,
y: 100,
floating: true,
borderWidth: 1,
backgroundColor: '#FFFFFF',
shadow: true
},
credits: {
enabled: false
},
series: [{
name: 'Year 1800',
data: [107, 31, 635],
pointWidth: 22,
}, {
name: 'Year 1900',
data: [133, 156, 947],
pointWidth: 22
}]
});
});
InformationsquelleAutor Aditya Sethi | 2013-11-12
Schreibe einen Kommentar Antworten abbrechen
Du musst angemeldet sein, um einen Kommentar abzugeben.
Den Optionen, die Sie wollen, zu spielen sind pointPadding (der Abstand zwischen den Balken) und groupPadding (Abstand zwischen seies).
z.B.
z.B. http://jsfiddle.net/BZzWQ/