Position of Chart Axis Values

[binfchParticipant]

Hi there

This is a small cosmetic issue I have -> Pls check the following screenshot.

Is there a way to have the x-axis values written lower in the chart? Here is my code:

var settingsDay = {
enableAnimations: false,
title: '',
titlePadding: { left: 0, top: 0, right: 0, bottom: 0 },
description: '',
showLegend: false,
borderColor: '#ff0000',
background: '#e3e3e3',
categoryAxis: {
dataField: 'XAxis',
formatFunction: function (value) {
if (value.substring(0,2) in {'05':1, '10':1, '15':1, '20':1, '25':1, '30':1}) {
return value.substring(0,2);
} else {
return '';
}
},
toolTipFormatFunction: function (value) {
return value;
},
textRotationAngle: 0,
showTickMarks: true,
tickMarksInterval: 1,
showGridLines: false,
unitInterval: 1,
axisSize: 'auto'
},
colorScheme: 'scheme01',
seriesGroups: [ {
type: 'column',
columnsGapPercent: 100,
valueAxis: {
minValue: 0,
maxValue: 'auto',
displayValueAxis: false,
showGridLines: false,
axisSize: 'auto',
},
series: [ {
dataField: 'YAxis',
displayText: 'Transactions'
} ]
} ]
};
$('#tranPerDayChart').jqxChart(settingsDay);


Thanks & cheers,
Peter

[binfchParticipant]

Hi there

I think I found a solution by adding:

padding: { left: 0, top: 0, right: 0, bottom: -10 },

Thx & cheers,
Peter

[Author]

Posts