/ / Googleビジュアライゼーションライブラリの読み込みで、JavaScript、jquery、チャート、Googleビジュアライゼーションの2つの異なる結果が作成されます。

Google Visualizationライブラリの読み込みでは、javascript、jquery、charts、google-visualizationの2つの異なる結果が作成されます

Googleビジュアライゼーションライブラリを正しくロードすることに非常にイライラする問題があります。ページに2つのチャートがあります。

私のライブラリを次のようにロードします。 google.load("visualization", "1.0", {"packages":["corechart"],"callback":drawcharts});

それから私はこのように私のコラムチャートを呼び出す:

var chart = new google.visualization.ColumnChart(chartDiv)

そして私の折れ線グラフはこのように:

myLineChart = new google.visualization.LineChart(document.getElementById("myChart2"));

これにより、次の2つのグラフが表示されます。 縦棒グラフ

折れ線グラフ

最初の写真は折れ線グラフで、それが問題です。私が代わりにこのように私の可視化ライブラリをロードすると:

google.load("visualization", "1.0", {"packages":["linechart","columnchart"], "callback": drawcharts});

折れ線グラフが表示されます。

優先折れ線グラフ

しかし私のコラムチャートは次のようになります。

ここに画像の説明を入力

「縦棒グラフでグループ幅を調整してみましたが、縦棒グラフでAddlistenerイベントを使用すると問題が発生します」

必要なライブラリをロードする方法コアチャートバージョンの折れ線チャートと通常の縦棒グラフ(corechartのものではありません)がありますか。基本的に、画像2と3? corechart.linechartは、単にlinechartをロードするのとどう違うのですか?

回答:

回答№1は0

そんなばかげた間違いです。私のチャートdivの幅とチャートオプションで設定した幅が同じではありませんでした。私がそれらを同じにしたとき、それはうまく機能します。