pivot-chart - Date sort and text divertion

Hi
when using pivot-chart who do i sort the dates along the bottom and also get the text side ways?
many thanks

webix.ui({
container:“monthbookings”,
id:“pivot”,
view:“pivot-chart”,
fullscreen:true,
height:500,
fieldMap: {“Hours” : “Hours Worked” , “bookingtotal” : “Total Bookings”},

url: "Utilization.php",
max: true,
structure: {
	groupBy: "Month",
	values: [
		{ name: "bookingtotal",type: "type", color: "#eed236"},
	//	{ name: "Hours", type: "type"},

	],
	filters:[{name:"Month", type:"select"}, {name:"schedule", type:"select"}]
}

});

Sorry, but the question is not clear. Could you please provide a working sample or clarify the problem?

i would like the text(i.e date) along the x axis to be virtical as it is getting cut off at the moment

You can modify CSS of x-axis items:

.webix_axis_item_x{
    transform: rotate(-90deg);
}

.webix_axis_item_x{
transform: rotate(-90deg);
transform-origin: right bottom 0;
}
the following changes the text to virtical but the is cut off with the box around the chart. Any ideas how to make more padding arount the bottom?
cheers

Any ideas how to make more padding arount the bottom?

Check padding of ui.chart, Properties Webix Docs