Настройка легенды

Я хотел бы знать, как удалить отступы между Path2 и Path3, поскольку legend.label.padding применяется ко всем из них.

введите здесь описание изображения

legend: {
    visible: true,               
    labels: { padding: 10}
},
series: [{
    name: "Path1",
    data: stats,
    markers: {
        visible: false,
        color: 'red'
    }
}, {
    name: "Path2",
    data: stats2,
    markers: {
        visible: false
},{
    name: "Path3",
    data: stats2,
    markers: {
        visible: false,
        color: 'blue'
    }
}],

http://jsfiddle.net/3yhbyy2g/69/


javascript kendo-ui kendo-chart
person casillas    schedule 10.05.2015    source источник
comment
Кендо-чат отображается с использованием SVG и включает в себя легенду. Попробуйте отследить положение легенды с помощью jQuery, это сложно, и еще сложнее с данными динамической диаграммы и легендой. Я предлагаю вам поместить легенду за пределы диаграммы кендо.   -  person Dion Dirza    schedule 11.05.2015
comment
@ Дион, как я мог это сделать? Я был бы рад, если бы вы могли привести мне пример jsfiddle   -  person casillas    schedule 11.05.2015
comment
Тег highcharts не имеет значения. Если вы не знаете тег, не используйте его.   -  person Raein Hashemi    schedule 11.05.2015
comment
создание дополнительной легенды требует дополнительного кода, вы должны установить легенду, видимую на диаграмме, как ложную и создать групповой список данных вашей серии с помощью списка, чтобы вы могли легче изменить его внешний вид.   -  person Dion Dirza    schedule 11.05.2015
comment
Привет, Дион, не могли бы вы уточнить, как это сделать?   -  person casillas    schedule 18.05.2015

Ответы (1)


arrow_upward
0
arrow_downward

Самый простой способ — вручную выбрать этот элемент в js и задать собственную матрицу преобразования:

$('#chart > svg:nth-child(1) > g:nth-child(2) > g:nth-child(5) > g:nth-child(1) > g:nth-child(3)')
  .attr('transform', 'matrix(1,0,0,1,439,100.5)');

Но это не очень хорошее решение, потому что оно не устойчиво к изменениям в библиотеке Кендо.

EDIT: вы также можете попробовать использовать свойство legend.item.visual для условной настройки легенды в функции: http://docs.telerik.com/kendo-ui/api/javascript/dataviz/ui/chart#configuration-legend.item.visual

person suvroc    schedule 11.05.2015
comment
Любая идея для следующего stackoverflow.com/questions/30656016/ - person casillas; 05.06.2015
comment
suvroc, можешь попробовать ответить на мой вопрос? Я думаю, вы сможете ответить. ссылка: stackoverflow.com/questions/33889722/ - person user5260143; 25.11.2015