【问题标题】:Kendo Chart : Order of drawing for the series?剑道图:系列的绘制顺序?
【发布时间】:2015-10-30 13:36:28
【问题描述】:

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

【问题讨论】:

    标签: angularjs kendo-ui kendo-chart


    【解决方案1】:

    看来你关于剑道在顶部画线是正确的。

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

    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,
        }
    });    
    

    【讨论】:

    • 如果我将散点图切换为 scatterLine,您认为有办法隐藏连接标记的线吗?
    • @Wosh,是的,将系列颜色设为零不透明度。查看更新的演示:dojo.telerik.com/@ezanker/UgeLU
    猜你喜欢
    • 2013-03-19
    • 1970-01-01
    • 2021-07-09
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多