剑道饼图最适合标签

时间:2015-01-29 23:36:28

标签: javascript charts kendo-ui kendo-dataviz

是否可以根据是否有足够的空间放入饼图中来定位Kendo饼图标签,就像Excel中最合适的选项一样?因此,如果他们能够适应他们进入内部,如果他们不能箭头从外面指向他们。可能与此类似:Kendo barchart category labels left and right based on value

我不介意我必须手动操作,因为我认为Kendo没有内置功能。<​​/ p>

Pie chart example

1 个答案:

答案 0 :(得分:4)

我刚刚完成了它,事实证明,如果你将当前数据项作为参数传递给position属性,如果你把它设置为一个函数,那么我所要做的就是检查它的百分比,如果是不到30%(或任何你想要的)然后它将在内部,否则它将在外面。用颜色也可以这样做。

$("#chart").kendoChart({
  series: [ {
    labels: {
      visible: true,
      align: "circle",
      position: function(e) { 
        if(e.percentage < 0.1)
            return "outsideEnd";
        else
          return "insideEnd";
      },
      color: function(e) {
        if(e.percentage < 0.1)
            return "#000";
        else
          return "#fff";
      }
    },
    type: "pie",
    data: [2,1,3,4,2, 5]
  }]
});

http://dojo.telerik.com/ewIva/3