2013-06-07 9 views
18

Perlスクリプトを使用して、私は数多くのデータを一度に多数のGoogle Line Chartsを生成します。Googleチャートで凡例ラベルが途切れないようにする方法

凡例ラベルの形式は次のとおりです。反復#counterが付加されたシリアル番号。

残念ながら、#10で始まるこれらのカウンタは、カットオフされています。それをやってから、Googleのチャートを停止する方法は多分

enter image description here

ありますか?

私は非常にシンプルなチャートのコードは以下の通りです

var data = { ...... }; 

    function drawCharts() { 
      for (var csv in data) { 
        var x = new google.visualization.DataTable(data[csv]); 

        var options = { 
          title: csv, 
          width: 800, 
          height: 600 
        }; 

        var chart = new google.visualization.LineChart(document.getElementById(csv)); 
        chart.draw(x, options); 
      } 
    } 

    $(function() { 
      google.setOnLoadCallback(drawCharts); 
    }); 
+2

あなたが 'ChartArea'のオプションを変更しようとしていますか? 'ChartArea.Right'をいろいろな値に設定して、それがまだ途切れていないか確認してください。 – jmac

答えて

35

取得するには、このjqfaq.comを見てみましょうちょうど

var options = { 
       title: csv, 
       width: 800, 
       height: 600, 
       chartArea: { width: "50%", height: "70%" } 
}; 

以下のようにのChartAreaの幅と高さを追加するには、グラフの完全な凡例を取得するにはchartArea内で作業サンプル

+1

chartAreaオプションを幅100%に拡大すると、私の問題が解決しました。ドキュメントとは異なり、chartAreaには凡例が含まれています。私はPieChartを使用しましたが、同じオプションがLineChartで使用可能です。 var options = {'タイトル':タイトル、 '幅':w、 '高さ':h、 'chartArea':{左:0、上:10、幅: "100%"}}; var chart =新しいgoogle.visualization.PieChart(document.getElementById(chartDiv)); chart.draw(data、options); – Kasas

+0

何らかの理由で、このchartAreaコマンドは何も影響を与えません。ここに私たちがそれを送る方法があります。 'chartArea':{'幅': '100%'、 '高さ':'20% '}その他のアイデアは素晴らしいでしょう。 – Praxiteles

0

を作成する場合は、グラフを中央に移動します。

のChartArea:{幅: "30%"、高さ: "50%"}

+0

これは質問に対する答えを提供しません。十分な[評判](https://stackoverflow.com/help/whats-reputation)があれば、[投稿にコメントする]ことができます(https://stackoverflow.com/help/privileges/comment)。代わりに、[質問者からの明確化を必要としない回答を提供する](https://meta.stackexchange.com/questions/214173/why-do-i-need-50-reputation-to-comment-what-c​​an- i-do-代わりに)。 - [レビューから](/レビュー/低品質の投稿/ 16787573) – OmG

関連する問題