グラフの特定のデータセットに注釈を挿入できますが、注釈を特定の線に関連付けずに、グラフに複数の線を付けたいのですが、代わりに日付を付けます。
これが私がやりたいことの例です。グラフの特定の線ではなく、x 軸に追加されたバブルに注意してください。
API を読みましたが、このようなオプションが表示されませんが、誰かが方法を知っているかどうか疑問に思っています。
ありがとう。
グラフの特定のデータセットに注釈を挿入できますが、注釈を特定の線に関連付けずに、グラフに複数の線を付けたいのですが、代わりに日付を付けます。
これが私がやりたいことの例です。グラフの特定の線ではなく、x 軸に追加されたバブルに注意してください。
API を読みましたが、このようなオプションが表示されませんが、誰かが方法を知っているかどうか疑問に思っています。
ありがとう。
注釈付きの 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},}
);
}
これは最終的に次のようになります。

経験はありませんが、私の即時の反応は、データとしてすべてゼロの注釈が付けられたシリーズを試してみて、それを凡例から除外してはどうかということでした。