uCharts如何使用addAnnotation

在uCharts中，`addAnnotation`是一个用于向现有图表动态添加标注的关键函数。这个函数接收一个标注对象作为参数，该对象包含了你想添加到图表的各种细节。以下是使用`addAnnotation`的基本步骤：

// 首先，你需要加载并初始化uCharts库
var chart = ucharts.createChart('chartContainer', {
  // ... 这里是你的图表配置选项
});

// 假设你想在一个特定点添加一个文本标注
var annotation = {
  type: 'text',      // 标注类型，如'text'、'line'
  text: '这是标注文本',   // 标注的内容
  x: 50,            // X坐标（对于横轴）
  y: 70,            // Y坐标（对于纵轴）
  color: '#FF0000',  // 标注的颜色
  size: 12,          // 字体大小
  align: 'center',   // 对齐方式
  offsetX: 5,        // 横向偏移量
  offsetY: 3          // 纵向偏移量
};

// 添加标注
chart.addAnnotation(annotation);

// 如果你想根据数据点动态添加标注，可以用类似下面的方式
var dataPoint = {x: ..., y: ...}; // 数据点的坐标
chart.addAnnotation({
  type: 'text',
  text: data.value,
  x: dataPoint.x,
  y: dataPoint.y
});

每个标注对象可以根据需求自定义，例如改变位置、颜色、图标类型等。添加标注后，它们会在图表更新时一起呈现出来。