Javascript 如何在图表上显示覆盖标签？

我有一个用Birt创建的图表，我想在上面添加一些标签，以指定由2个红色标记（见下图）分隔的4个区域，每个象限中有一个标签（如果可能，请居中）

我正在寻找一种解决方案，直接使用birt图表编辑器或使用javascript（就像我对红色标记所做的那样）

---

为了在图形的每个象限中动态居中某种类型的标签，您必须有一些计算坐标的方法。当然，我对Birt不是很熟悉，我假设图形的红色标记会有所不同

无论如何，假设您可以获得坐标，您可以编写一个函数，该函数将根据两个参数动态生成标签：

function generateLabel(sContent, iXoffset, iYoffset) {

  var eLabel = document.createElement('span');
  eLabel.appendChild(document.createTextNode(sContent));

  var eDivision = document.createElement('div');
  eDivision.appendChild(eLabel);

  eDivision.style.left = iXoffset + 'px';
  eDivision.style.top = iYoffset + 'px';
  // include other styles here...

  return eDivision;

}

然后，您可以使用设置的标签内容和偏移坐标调用此函数：

var eQuadrantOneLabel = generateLabel('Quadrant One', 10, 25);
// and so on...

然后只需将元素添加到图形的容器中（假设它的

id

为，比如说

graph

）：

---

你能告诉我更具体的情况吗？是否要在每个象限中、标记的交点处、x轴标记的下方/上方、y轴标记的任意一侧或完全脱离图表的侧面/底部/顶部添加标签？抱歉。我希望在每个象限中添加一个标签（如果可能，请居中）

var eGraphContainer = document.getElementById('graph');
eGraphContainer.appendChild(eQuadrantOneLabel);
// and so on for each label...