Kendo 图表：系列的绘图顺序？

Question

我有两个系列的 kendo 图表。第一个是 scatterLine 系列，第二个是带有可见标记的简单 scatter 系列。目前第二个系列首先绘制，标记出现在 scatterLine 系列的点下方，这使得它们很难被看到。我尝试在定义系列时更改系列的顺序，但这对我没有帮助。那么伙计们，你们知道我该如何解决这个问题吗？

Answer 1

看起来你kendo在上面画线是正确的。

我猜你最好的选择是使用形状、背景、线条粗细、颜色和不透明度来获得你想要的外观。

DEMO

$("#chart").kendoChart({
    legend: {
        position: "right"
    },
    series: [{
        name: "January 2010",
        type: "scatterLine",
        color: "rgba(245,150,44,0.85)",
        markers: {
            background: "rgba(255,255,255,0.1)",
          type: "triangle",
          border: {
            width: 1.2
          }
        },
        data: [
        [21.7, 3], [13.6, 3.5], [13.6, 3], [29.9, 3], [21.7, 20], [19, 2], [10.9, 3], [28, 4], [27.1, 0.3], [16.4, 4], [13.6, 0], [19, 5], [16.4, 3], [24.5, 3], [32.6, 3], [27.1, 4], [13.6, 6], [13.6, 8], [13.6, 5], [10.9, 4], [16.4, 0], [32.6, 10.3], [21.7, 20.8], [24.5, 0.8], [16.4, 0], [21.7, 6.9], [13.6, 7.7], [16.4, 0], [8.1, 0], [16.4, 0], [16.4, 0]]
    },{
        name: "January 2008",
        type: "scatter",
        color: "rgba(59,96,27, 0.9)",
        markers: {
            background: "rgba(59,96,27, 0.3)",
          border: {
            width: 2
          }
        },                    data: [
        [16.4, 5.4], [21.7, 2], [25.4, 3], [19, 2], [10.9, 1], [13.6, 3.2], [10.9, 7.4], [10.9, 0], [10.9, 8.2], [16.4, 0], [16.4, 1.8], [13.6, 0.3], [13.6, 0], [29.9, 0], [27.1, 2.3], [16.4, 0], [13.6, 3.7], [10.9, 5.2], [16.4, 6.5], [10.9, 0], [24.5, 7.1], [10.9, 0], [8.1, 4.7], [19, 0], [21.7, 1.8], [27.1, 0], [24.5, 0], [27.1, 0], [29.9, 1.5], [27.1, 0.8], [22.1, 2]]
    }],
    xAxis: {
        max: 35,
    },
    yAxis: {
        min: -5,
        max: 25,
    }
});

Kendo 图表：系列的绘图顺序？

Kendo Chart : Order of drawing for the series?

kendo-ui

angularjs

kendo-chart