javascript - 凡例のカスタマイズ

Question

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/

Answer 1

最も簡単な方法は、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)');

しかし、剣道ライブラリの変更に耐性がないため、これはあまり良い解決策ではありません

編集: また、legend.item.visual プロパティを使用して、関数で条件付きで凡例を設定することもできます: http://docs.telerik.com/kendo-ui/api/javascript/dataviz/ui/chart#configuration-legend.item 。ビジュアル