2015-05-10 2 views
0

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

enter image description here

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/

+0

Кендо чат визуализируется с помощью SVG и его в том числе легенды. Попробуйте отслеживать положение легенды с помощью jQuery, и вам сложнее с данными динамической диаграммы и легендой. Я предлагаю вам поставить свою легенду вне диаграммы кендо. –

+0

@Dion, Как я мог это сделать? Я был бы рад, если бы вы могли дать мне пример jsfiddle – casillas

+0

Тег ** 'highcharts' ** не имеет значения. Если вы не знаете, что тег не использует его. –

ответ

0

Самый простой способ, чтобы вручную выбрать этот элемент в 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

+0

Любая идея для следующих http://stackoverflow.com/questions/30656016/legend-and-bar-chart-colors-do-not-match – hotspring

+0

suvroc, можете ли вы попробовать ответить на мой вопрос? Думаю, вы сможете ответить. ссылка: http://stackoverflow.com/questions/33889722/kendo-chart-legend-label-at-left-color-at-right – user2783091