Javascript kendoui图表甜甜圈集高光

我有一个剑道ui图表甜甜圈，我想在绘图时通过读取参数来设置不透明度为0.5的“路径”，在我的情况下，参数是“活动”的，我尝试过编写“视觉”函数，但从未执行过

我尝试过切换高光，但没有工作

$("#chart").kendoChart({
            chartArea: {
                width: 440,
                height:300
            },
            seriesDefaults: {
                labels: {
                    template: "# if(dataItem.active) { #☑# } else { #☐# }# #= kendo.format('{0:P}', percentage)#",
                    position: "outsideEnd",
                    visible: true,
                    background: "transparent",
                    font: "14px Verdana"
                },
                opacity: 1
            },
            series: [{
                type: "donut",
                data: [{
                    category: "Football",
                    value: 35,
                    active: false
                }, {
                    category: "Basketball",
                    value: 25,
                    active: false
                }, {
                    category: "Volleyball",
                    value: 20,
                    active: true
                }],
                highlight: {
                    visible: true,
                    opacity: 0.5,
                    toggle: function (e) {
                        e.preventDefault();
                        var opacity = e.dataItem.active ? 0.5 : 1;
                        e.visual.opacity(opacity);
                    }
                },
                visual: function (e) {
                    console.log("visual");
                    console.log(e);
                }
            }],
            seriesClick: function (e) {
                debugger;
                console.log(e);
                var $this = this;

                var series = $this.options.series[0].data;
                for (var i = 0; i < series.length; i++) {
                    if (series[i].category == e.category) {
                        series[i].active = !series[i].active;
                        if (series[i].active) {
                            console.log("TOOGLE");
                        }
                    }
                }
                //this.setOptions({ series: series });
                this.refresh();
            }
        });

$（“#图表”）.kendoChart({
图表区：{
宽度：440，
身高：300
},
系列默认值：{
标签：{
模板：“#如果（dataItem.active）{#☑# } 否则{#☐# }# #= kendo.format（{0:P}'，percentage）#“，
位置：“外侧端”，
可见：对，
背景：“透明”，
字体：“14px Verdana”
},
不透明度：1
},
系列：[{
类型：“甜甜圈”，
数据：[{
类别：“足球”，
价值：35，
活动：错误
}, {
类别:"篮球",，
价值：25，
活动：错误
}, {
类别:"排球",，
价值：20，
主动：正确
}],
亮点：{
可见：对，
不透明度：0.5，
切换：功能（e）{
e、 预防默认值（）；
var不透明度=e.dataItem.active？0.5:1；
e、 不透明度（不透明度）；
}
},
视觉：功能（e）{
控制台日志（“可视”）；
控制台日志（e）；
}
}],
序列单击：函数（e）{
调试器；
控制台日志（e）；
var$this=这个；
var series=$this.options.series[0]。数据；
对于（变量i=0；i

---

有人知道如何在特定的“路径”上设置不透明度=0.5？非常感谢您的帮助！

在本代码中，如果您设置边框不透明度，则表示它将影响

$("#chart").kendoChart({
  series: [{
      type: "pie",
      data: [1, 2],
      highlight: {
        border: {
          opacity: 0.5,
          width: 5,
          color: "black"
        }
      }
  }]
});

---

在此代码中，如果设置边框不透明度，则表示它将影响

$("#chart").kendoChart({
  series: [{
      type: "pie",
      data: [1, 2],
      highlight: {
        border: {
          opacity: 0.5,
          width: 5,
          color: "black"
        }
      }
  }]
});

---

在该系列的视觉属性中，您可以这样做：

visual: function (e) {
    var opacity = e.dataItem.active ? 0.5 : 1;
    e.options.opacity=opacity;
    var v = e.createVisual();
    return v;
}

---

在该系列的视觉属性中，您可以这样做：

visual: function (e) {
    var opacity = e.dataItem.active ? 0.5 : 1;
    e.options.opacity=opacity;
    var v = e.createVisual();
    return v;
}

---

我使用了您的解决方案，为接受更改设置不透明度。很棒且优雅的解决方案，我在剑道文档中找不到……我使用该代码修改分解甜甜圈项目的边框颜色。我使用了您的解决方案，为接受更改设置不透明度。很棒且优雅的解决方案，我在剑道文档中找不到…我使用该代码修改分解的甜甜圈项目的边框颜色。