باستخدام الجدول الزمني المشروح في Google في واجهة برمجة تطبيقات التصور، يمكنك إدراج التعليقات التوضيحية بغض النظر عن مجموعة البيانات؟

Question

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

هنا هو مثال ما أريد القيام به. لاحظ الفقاعات الملحقة إلى المحور X وليس سطر معين على الرسم البياني.

لقد قرأت من خلال API ولا أستطيع أن أرى خيارا مثل هذا ولكن أتساءل عما إذا كان شخص ما يعرف طريقة.

شكرا.

Answer 1

لا خبرة، لكن رد فعلي الفوري كان قد تحاول سلسلة من التعليقات التوضيحية المرفقة مع جميع الأصفار كبيانات - واستبعادها من الأسطورة؟

Answer 2

إذا كنت لا تمانع في استخدام SVG خط الرسم البياني مع التوضيحية يمكنك إعادة إنشاء هذا أيضا مع مزيد من المرونة. إذا قمت بتعيين عمود التوضيحية لاتباع قيم المحور X على الفور، فسوف تظهر التعليقات التوضيحية في الجزء السفلي من المخطط (على المحور) وعدم إرفاقها بأي فئة. هنا عينة:

function drawVisualization() {
  // Create and populate the data table.
  var data = new google.visualization.DataTable();
  data.addColumn('number','Day');
  data.addColumn({type: 'string', role: 'annotation'});
  data.addColumn({type: 'string', role: 'annotationText'});
  data.addColumn('number', '.DJI');
  data.addColumn('number', '.INX');
  data.addColumn('number', '.INIC');
  data.addRows([
    [1, null, null, 1000, 400, 300],
    [2, 'A', 'did stuff', 1170, 460, 400],
    [3, 'B', 'did more stuff', 660, 1120, 540],
    [4, null, null, 1030, 540, 620],
    [5, 'C', 'stopped stuff', 1070, 600, 700]
  ]);

  // Create and draw the visualization.
  new google.visualization.LineChart(document.getElementById('visualization')).
    draw(data, {focusTarget: 'category',
                  width: 500, height: 400,
                  vAxis: {maxValue: 10},}
          );
}

ينتهي هذا يبحث مثل هذا: