Google グラフ API のコンボ チャート (コンボ チャート タイプ) を使用しています。カスタム ツールチップを追加して、グラフの各ポイントに関する情報を追加したいのですが、値の 1 つがツールチップに置き換えられています。
これは非常によく似たグラフィックの例です: グラフにツールチップを追加する
そのグラフを使用しているとします。私の場合、値 106 (2011 年) は Growth 14% (ツールチップの値) に置き換えられます。
データを生成するコードは次のとおりです。
function gcomboChart () {
var data = new google.visualization.DataTable();
var dataVal =
[
["January",37903,655396,3411359,"Tooltip January"],
["February",33813,559595,3035931,"Tooltip February"],
["March",54073,725638,4561690,"Tooltip March"]
];
data.addColumn('string','month');
data.addColumn('number','Value1');
data.addColumn('number','Value2');
data.addColumn('number','Value3');
data.addColumn({type:'string', role:'tooltip'});
data.addRows(dataVal);
return(data);
}
//Here the code that generates the graph:
function drawChartComboChartID14cc19be5eef() {
var data = gcomboChart();
var options = { focusTarget: 'category'};
options["allowHtml"] = true;
options["seriesType"] = "bars";
options["series"] = {0: {targetAxisIndex:1,type:"line"}};
options["series"] = {0: {targetAxisIndex:2,type:"line"}};
options["vAxes"] = [{title:'Left Axis',format:'#,###',titleTextStyle:{color: 'orange'},textStyle:{color: 'orange'},textPosition:'out'},
{title:'Right Axis',format:'#,###',titleTextStyle:{color: 'blue'},textStyle:{color: 'blue'},textPosition:'out'}];
options["width"] = 1000;
options["height"] = 600;
options["pointSize"] = 9;
var chart = new google.visualization.ComboChart(
document.getElementById('ComboChart'));
chart.draw(data,options);
}
コードを使用すると、3 番目の変数 (Value3) の値がツールヒントによって上書きされることがわかります。私はその問題を取り除く方法を知りません。「Value1-3」の 3 つの値とツールチップを表示したい
手を貸していただけますか?ありがとう!