传奇定制

时间:2015-05-10 20:06:03

标签: javascript kendo-ui kendo-chart

我想知道如何删除Path2Path3之间的填充,因为legend.label.padding适用于所有这些内容。

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/

1 个答案:

答案 0 :(得分: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)');

但这不是一个好的解决方案,因为它不能抵抗剑道库中的变化

编辑: 您还可以尝试使用legend.item.visual属性在功能中有条件地设置图例:http://docs.telerik.com/kendo-ui/api/javascript/dataviz/ui/chart#configuration-legend.item.visual