【问题标题】:Kendo pie chart best fit labels剑道饼图最适合标签
【发布时间】:2015-01-29 23:36:28
【问题描述】:

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

如果需要,我不介意手动操作,因为我认为 Kendo 没有内置功能。

【问题讨论】:

    标签: javascript charts kendo-ui kendo-dataviz


    【解决方案1】:

    我刚刚解决了,如果你将它设置为一个函数,kendo 会将当前数据项作为参数传递给 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

    【讨论】:

      猜你喜欢
      • 2018-05-25
      • 2023-03-08
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2014-12-13
      • 1970-01-01
      相关资源
      最近更新 更多