視覚化APIで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},}
          );
}

これは次のように見えます：