javascript - Kendo 饼图最适合标签

标签 javascript charts kendo-ui kendo-dataviz

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

如果必须的话,我不介意手动执行此操作,因为我认为 Kendo 没有内置此功能。

Pie chart example

最佳答案

我刚刚解决了这个问题,事实证明,如果将当前数据项设置为函数,kendo 会将当前数据项作为参数传递给位置属性,因此我所要做的就是检查它的百分比以及是否小于 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

关于javascript - Kendo 饼图最适合标签,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28226739/

相关文章:

javascript - Python Bokeh CustomJS RadioGroup

php - 谷歌图表 : Fixing Date shown on hAxis when using ChartRangeFilter control

javascript - 有没有办法在自定义按钮单击之前上传文件,然后使用 ajax 将其发送到 Controller 操作方法?

javascript - Kendo UI Grid - 如何停留在选定的网格页面上

javascript - 在 JSF 框架中访问 html 字段值

javascript - 通过JSON获取后在jquery中添加两个文本框值

javascript - 使用 moment.js 和 moment-timezone.js 从不同时区的日期中减去 1 天

javascript - 使用 Javascript/Jquery 计算表中的数据

c# - 如何在WFA中将数据添加到BoxPlot?

kendo-ui - 编辑网格时,如何按行禁用特定字段? Kendo UI ASP.Net MVC 包装器