Пожалуйста, посмотрите на прикрепленное изображение диаграммы. Это декартова диаграмма с рядом столбцов. Я создал магазин вместе с моделью на 4 поля.
Допустим, у нас есть 3 поля (x, y, z) (числовые оси), yr (оси категорий).
Диаграмма должна быть построена с использованием x и y, и мне нужно использовать значение поля z (значение%) только для отображения в виде метки вне бара.
{
xtype: 'cartesian',
colors: [
'#0084a9',
'#a4b3b7',
'#ffffff'
],
insetPadding: {
top: 0,
left: 0,
right: 0,
bottom: 0
},
flipXY: true,
bind: {
store: '{ChartStore}'
},
axes: [{
type: 'category',
fields: [
'yr'
],
hidden: true,
position: 'left'
},
{
type: 'numeric',
fields: [
'x',
'y',
'z'
],
hidden: true,
position: 'bottom'
}
],
series: [{
type: 'bar',
label: {
display: 'insideEnd',<br>
field: [
'x',
'y'<br>
]
},
subStyle: {
strokeOpacity: 0,
minGapWidth: 20
},
xField: 'yr',
yField: [
'x',
'y'
]
}]
}
Текущий результат
Текущий график
Ожидаемый результат
Ожидаемая диаграмма
Мои вопросы:
1) Как отобразить метки серий в центре (я не говорю о метках осей, поскольку оси не отображаются)?
Согласно extjs api docs, для меток серий стержней следует использовать конфигурацию отображения, которая принимает только 'insideEnd', 'insideStart', 'outside'
2) Как отобразить значение поля Z (то есть значение%) вне бара?
3) Можно ли получить закругленные бары?