2

Google Column Chartを使用して棒グラフを作成しました、今

  1. データテーブルには整数値しかありませんが、浮動小数点値で acis を Google 除算します。チャート マークを整数のみに強制する方法はありますか?
  2. 棒グラフの上または内側に値ラベルを表示する方法はありますか? 画像チャートの方法を見つけましたが、チャートをインタラクティブに保ちたいと思います
4

2 に答える 2

12

縦棒グラフでは注釈がサポートされていないため、これに対する直接的な解決策はまだありません。ただし、この回避策を共有しましょう。注釈列とともに同じデータ（縦棒グラフのデータと同じ）を持つ2つの系列を使用してコンボグラフを作成できます。最初のシリーズのタイプを棒に設定し、他のシリーズのタイプを線に設定します。最後に、2番目のシリーズのvisibleInLegend、lineWidth、およびpointSizeプロパティをそれぞれfalseおよび0に指定します。

var data = new google.visualization.DataTable();
data.addColumn({ type: 'string', label: 'Labels' });
data.addColumn({ type: 'number', label: 'Bar Series' });
data.addColumn({ type: 'number', label: 'Line Series' });
data.addColumn({ type: 'string', role: 'annotation' });

data.addRows([['Label1', 10, 10, '10'],
             ['Label1', 20, 20, '20'],
             ['Label1', 40, 40, '40'],
             ['Label1', 5, 5, '5'],
             ['Label1', 30, 30, '30'],
             ]);

var barchart = new google.visualization.ComboChart(document.getElementById('bar_element'));
var options = {series: [{ type: 'bars' },
                        { type: 'line', lineWidth: 0, visibleInLegend:false, pointSize: 0}]};

barchart.draw(data, options);
于 2012-10-16T15:19:22.810 に答える
0

gridlinesプロパティを使用できる最初の問題については、この投稿を見て、その使用方法を確認してください。

2番目の質問については、よくわかりません。マウスでバーに移動すると、値を含むポップアップがバーの上部にまだ表示されていませんか?

于 2012-06-03T16:04:04.957 に答える