kendo图表更改同一系列中的单个标记类型

时间:2017-06-05 18:39:32

标签: javascript kendo-ui kendo-chart

有没有办法为同一系列的特定数据点指定不同的标记类型(圆形,方形,三角形等)? (我使用的是scatterLine图表)

我知道可以用颜色来完成: Assigning specific color to each data point example

您还可以更改整个系列的类型:example

但我需要在同一条线上至少有两种不同的类型(圆圈和三角形)

欢迎提出任何建议,谢谢

1 个答案:

答案 0 :(得分:0)

您可以使用系列标记的 visual property 来绘制您想要的形状,例如:

series: [{
  type: "line",
  markers: {
    visual: function (e) {
      var origin = e.rect.origin;
      var center = e.rect.center();
      var bottomRight = e.rect.bottomRight();

      if (e.value < 2){
        return e.createVisual();
      } else {
        var path = new kendo.drawing.Path({
          stroke: {color: e.options.border.color, width: 2},
          fill: { color: "white" }
        })
        .moveTo(origin.x, bottomRight.y)
        .lineTo(bottomRight.x, bottomRight.y)
        .lineTo(center.x, origin.y)
        .close();

        return path;
      }
    }
}

DEMO