fixing padding

This commit is contained in:
ppisljar 2016-12-16 14:48:30 +01:00
parent 1e195f7c0f
commit 7d8718beab
3 changed files with 14 additions and 2 deletions

View file

@ -25,7 +25,9 @@ export default function AxisConfigFactory() {
opacity: 1,
tickColor: '#ddd',
tickWidth: '1px',
tickLength: '6px'
tickLength: '6px',
rangePadding: 0.1,
rangeOuterPadding: 0
},
labels: {
axisFormatter: null,

View file

@ -179,9 +179,11 @@ export default function AxisScaleFactory(Private) {
const scale = this.getD3Scale(config.getScaleType());
const domain = this.getExtents();
const range = this.getRange(length);
const padding = config.get('style.rangePadding');
const outerPadding = config.get('style.rangeOuterPadding');
this.scale = scale.domain(domain);
if (config.isOrdinal()) {
this.scale.rangeBands(range, 0.1);
this.scale.rangeBands(range, padding, outerPadding);
} else {
this.scale.range(range);
}

View file

@ -149,6 +149,10 @@ export default function ColumnHandler(Private) {
heatmap: (cfg, data) => {
const defaults = create()(cfg, data);
defaults.valueAxes[0].show = false;
defaults.categoryAxes[0].style = {
rangePadding: 0,
rangeOuterPadding: 0
};
defaults.valueAxes.push({
id: 'CategoryAxis-2',
type: 'category',
@ -159,6 +163,10 @@ export default function ColumnHandler(Private) {
},
labels: {
axisFormatter: val => val
},
style: {
rangePadding: 0,
rangeOuterPadding: 0
}
});
return defaults;