javascript - 剑道图表更改同一系列上的各个标记类型

标签 javascript kendo-ui kendo-chart

有没有办法将不同的标记类型(圆形、方形、三 Angular 形等)分配给同一系列上的特定数据点? (我使用的是散点图)

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

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

但我需要在同一行上至少有两种不同类型(圆形和三 Angular 形)

欢迎任何建议,谢谢

最佳答案

您可以使用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

关于javascript - 剑道图表更改同一系列上的各个标记类型,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44375574/

相关文章:

php - 加载时刷新页面一次

c# - 为什么我无法输出AJAX POST发送的变量?

javascript - 宏 |登录并循环(第二次循环)

javascript - Kendo UI Datepicker 禁用输入

jquery - document.ready 和 asp.net 页面方法

javascript - Kendo UI Angular Grid 复选框列表自定义过滤器

javascript - Three.js 中的类型错误 : DAT is undefined when using DAT. gui()

javascript - 使用 Promise 更新数据源时刷新 Kendo 图表

javascript - Kendo UI 将 donut chart 的系列标签颜色更改为系列颜色

javascript - 剑道图表图例 : label at left, 右侧颜色