2

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 つの値とツールチップを表示したい

手を貸していただけますか?ありがとう!

4

1 に答える 1