剑道散点图注释答案

【问题标题】：Kendo ScatterLine Chart Notes剑道散点图注释
【发布时间】：2015-07-03 03:33:24
【问题描述】：

我正在尝试将注释传递给剑道散点图。

$("#chart").kendoChart({
  dataSource: {
    data: [{
      value: 1,
      noteText: "A",
      xField: 10
    },
           {
      value: 1,
      noteText: "A",
      xField: 12
    },
           {
      value: 1,      
      xField: 4
    },
           {
      value: 1,      
      xField: 4,
noteText: "A"             
    },
           {
      value: null,      
      xField: 2,
      noteText: "EventIndicator"             
    }]
  },
  seriesDefaults: {
    type: "scatterLine",
    noteTextField: "noteText"//,
                   // notes: {
                     //   label: {
                    //        visible: false
                    //    },
                    //    icon: {
                    //        size: 0,
                    //        visible: false,
                    //    },
                   //     line: {
                    //        length: 0,
                     //       width: 0,
                   //     },
                  //  }
  },
  series: [{   
    xField: "xField",
    yField: "value",
    noteTextField: "noteText"
  }]
});

我可以根据我的代码获取注释。这里的特殊要求是我只需要绘制一个没有数据点的笔记。如果您可以看到其中一个数据点，我将值作为空值传递。因此，散点图不采用 null 来绘制给定 xaxis 值的注释。所以我需要一种方法来解决这个问题。即使有办法除此之外我可以传递笔记。我只严格寻找散点图。如果有人知道解决方法，请告诉我...

【问题讨论】：

标签： jquery charts kendo-ui scatter-plot

【解决方案1】：

您可以使用 marker 视觉属性来隐藏具有 noteText 的标记：

markers: {
    visual: function (e) {
      if (e.dataItem.noteText){
          return;
      } else {
          return e.createVisual();
      }
    }
  },

DEMO

如果您实际上不希望线条穿过该点而只需要一个注释，则可以将第二个系列设置为分散（无线条）并使用视觉效果隐藏标记。

【讨论】：