Kendo ui 剑道ui-条形图标签位置分配取决于条件

Kendo ui 剑道ui-条形图标签位置分配取决于条件,kendo-ui,bar-chart,kendo-chart,Kendo Ui,Bar Chart,Kendo Chart,我想根据条件指定条形图标签的位置。 由于数据量的比率不同,在小数据中存在标签被切断的现象 当前标签的位置位于内部。 如果状态值为2,我可以提供外部端选项吗 这是我的密码 函数createExecutionTodaytype{ $+type.kendoChart{ 数据源:{ 运输:{ 阅读:{ url:dashboard/+type+.json, 数据类型:json } }, 模式:{ 数据:函数响应{ 对于我的回应{ var status=响应[i]。状态; 响应[i]。状态=toKorean

我想根据条件指定条形图标签的位置。 由于数据量的比率不同,在小数据中存在标签被切断的现象

当前标签的位置位于内部。 如果状态值为2,我可以提供外部端选项吗

这是我的密码

函数createExecutionTodaytype{ $+type.kendoChart{ 数据源:{ 运输:{ 阅读:{ url:dashboard/+type+.json, 数据类型:json } }, 模式:{ 数据:函数响应{ 对于我的回应{ var status=响应[i]。状态; 响应[i]。状态=toKoreanstatus; } 返回响应; } }, }, 图例:{ 可见:假 }, 图表区:{ 边界:{ 宽度:10, 颜色:白色 }, 保证金:{ 前40名, 左:20,, 底数:30 }, 背景:ffffff, }, 系列默认值:{ 类型:酒吧, 标签:{ 可见:对, 位置:内部, 模板:如果值>0{:value}, 字体:粗体12px arial, 背景:透明 }, 覆盖:空 }, 系列:[{ 字段:count, 颜色:功能状态{ 变量颜色=[DB7196,66CCFF,E5B055]; 返回颜色[状态索引]; }, 边界:{ 宽度:0 } }], 类别:{ 类别:[成功、运行、检查], 主要生产线:{ 可见:假 }, 行:{ 可见:假 }, 标签:{ 字体:粗体12px arial, 颜色:黑色, } }, valueAxis:{ 标签:{ 格式:{0}% }, 行:{ 可见:假 }, 标签:{ 可见:假 }, 主要生产线:{ 可见:假 }, }, }; } 您可以使用标签的位置来重新定位它,具体取决于状态的值,甚至是条的宽度

  labels: {
    visible: true,
    position: "insideEnd",
    template: "#if (value > 0) {# #: value # #}#",
    font: "bold 12px arial",
    background: "transparent",
    visual: function(e) {
        if (e.dataItem.status == 2 || e.rect.size.width < 40){
            var x = e.rect.origin.x + e.rect.size.width + 4;
            var y = e.rect.origin.y + (e.rect.size.height - 12)/2;
            return new kendo.drawing.Text(e.text, [x, y], {
                font: "bold 12px arial",
                fill: {
                    color: "black",                             
                }
            });
        } else {
            return e.createVisual();
        }
    }
  },
注:返回e.createVisual;绘制默认标签


非常感谢。我能问你一个问题吗?参数e在视觉功能中的含义是什么?将弹出一条消息,说明您使用上述代码运行,但无法定义状态值。@MinaKim e是可视函数的参数。它包括文档中列出的字段:如果您使用的是旧版本的KendoUI,则某些字段可能在该版本中不可用。。。