I can't figure out how to get axis labels aligned to the axis, especially when rotated. I'm tempted to call this a bug, but the documentation's so sketchy I can't say it's really a promised feature. I also can't say if I'm just missing something.
For example, I want to do this (mocked up screenshot):
axis1.png
Notice how the labels are all aligned to the top (or right depending on your perspective)?
Instead, this is how it appears:
axis2.png
Here's my code:
Code:
Ext.application({
launch:function () {
this.viewport = Ext.create('Ext.chart.CartesianChart', {
fullscreen:'true',
axes:[
{type:'numeric',
minimum:0,
maximum:10000,
position:'bottom', fields:['x'],
label:{
//textAlign:'right',
rotate:{
degrees:-90
}
},
}
]
});
}
});
As you can see, I've tried textAlign in the label config. No matter what I try, it seems to always center the label. But I can't ever get it to do what I'm talking about in the first image. Can anyone post the code that would actually give you that?