كيفية عرض تسمية تراكب على الرسم البياني؟

Question

ولدي مخطط تم إنشاؤه مع بيرت وأريد أن أضيف بعض التسمية عليها لتحديد 4 مناطق محددة بواسطة علامات حمراء 2 (انظر الصورة أدناه)، تسمية واحدة في كل رباعي (تركزت إن أمكن).

وأنا أبحث عن حل للقيام بذلك، مباشرة باستخدام محرر بيرت مخطط أو باستخدام جافا سكريبت (مثل فعلت لعلامات حمراء).

Answer 1

في الترتيب إلى مركز حيوي نوع من التسمية في كل رباعي من الرسم البياني، سوف يكون لديك طريقة ما لحساب إحداثيات. وبطبيعة الحال، وأنا لست على دراية حقا مع بيرت وأنا جعل افتراض أن علامات حمراء على الرسم البياني سوف تختلف.

وعلى أي حال، على افتراض أن تتمكن من الحصول على إحداثيات، يمكن أن تكتب وظيفة من شأنها أن تولد التسمية حيوي يقوم على اثنين من المعلمات:

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):

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