连接线与堆栈栏

Question

我可以使用kendo-ui生成以下带有行连接的堆栈：

categoryAxis: {
        categories: ["a", "b", "c", "d", "e"],
        axisCrossingValues: [0, 0, 10, 10],
    },
    tooltip: {
        visible: true,
        format: "{0}%",
        template: "#= series.name #: #= value #"
    }

http://jsfiddle.net/mskjbLwx/14/

但是，我想按如下方式将线条与条形连接起来。是否有可能在Kendo-UI中做到这一点？这里的关键特征是线条不在堆栈栏的中间，它连接到边缘。

如果在Kendo-UI中无法实现，可以在d3库中完成或建议使用什么？