1

GoogleVisualizationAPIのツールチップにカスタムテキストを追加したいと思います。パーセンテージに積み上げグラフを使用していますが、グラフ自体に影響を与えることなく、ツールチップにのみ表示される生の数値にいくつかの値を追加したいと思います。

これは私の現在のコードです：

  var dt = new google.visualization.DataTable(
     {
       cols: [{id: 'Year', label: 'year', type: 'string'},
              {id: 'Golf', label: '% time on golf', type: 'number'},
              {id: 'Soccer', label: '% time on soccer', type: 'number'},
             ],
       rows: [{c:[{v: '1996'}, {v: 11}, { v: 10} ]},
              {c:[{v: '1997'}, {v: 2}, { v: 10} ]},
              {c:[{v: '1998'}, {v: 2}, { v: 10} ]},
              {c:[{v: '1999'}, {v:2}, { v: 10} ]},
              {c:[{v: '2000'}, {v:7, f:'7.000'}, { v: 10} ]}
             ]
     },
   0.6
)
  var ac = new google.visualization.AreaChart(document.getElementById('visualization'));
  ac.draw(dt, {
    isStacked: true,
    width: 600,
    height: 400,
    vAxis: {title: "% of time"},
    hAxis: {title: "Year"}
  });

生データの数値と追加のツールチップを追加して、1996年にマウスオーバーしたときに（たとえば）別の数値も表示されるようにするにはどうすればよいですか？

行を次のように変更できることを期待していました。

rows: [{c:[{v: '1996'}, {v: 11, raw_value: 17}, { v: 10, raw_value: 16} ]},

次に、含めるツールチップの内容も指定しますraw_value。

4

1 に答える 1

0

私自身の質問に対する答えを見つけたばかりです。他の誰かが同じ問題を抱えている場合に備えて（そして他の人をわざわざ救うために）ここにそれを書き留めます。

答えは私が望んでいたものに近いです：ツールチップのフォーマットされた値を提供するためにを使用fしてください。rowsこのような：

rows: [{c:[{v: '1996'}, {v: 11, f: 17}, { v: 10, f: 16} ]},
于 2012-04-18T14:27:57.207 に答える