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"}]
}
});
Helga
November 6, 2015, 1:13pm
2
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
Helga
November 6, 2015, 3:09pm
4
You can modify CSS of x-axis items:
.webix_axis_item_x{
transform: rotate(-90deg);
}
andyrav
December 14, 2015, 7:52pm
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
maksim
December 16, 2015, 11:07am
6
Any ideas how to make more padding arount the bottom?
Check padding of ui.chart, Properties Webix Docs