pivot-chart - Date sort and text divertion

Webix JS
1

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"}]
}

});

2

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

3

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

4

You can modify CSS of x-axis items:

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

.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

6

Any ideas how to make more padding arount the bottom?

Check padding of ui.chart, Properties Webix Docs