Question

我正在尝试将注释传递给kendo散点线图。

$("#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值的注释。所以我需要一种方法来解决这个问题。即使有办法我可以通过除此之外的笔记。我只是在严格寻找散点图。如果有人知道解决方法，请告诉我......

Answer 1

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

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

<强> DEMO

如果你实际上不希望线条通过那个点并且只想要一个音符，你可以设置第二个系列来分散（没有线条）并使用视觉来隐藏标记。

Kendo ScatterLine图表说明

1 个答案: