0

Google の新しい Charts を使用することは、データのグラフィカルな表現を構築する素晴らしい方法ですが、API を使用して複製する方法をまだ見つけられない Excel で実行できることがいくつかあります。

私がやりたいことは、x 軸の最初の点にプロットされた点を y 軸に近づけることです。現在、最初の点は y 軸から離れてプロットされていますが、私が生成しているグラフでは、最初の点はデータの原点である必要があります。これが私が現在持っているものです：

現在の Google Chart 出力

0,40 にプロットされた点は、y 軸から離れてプロットされます。私が望むのは、「1」に対してプロットされたデータが最初の日の終わりに取得されたデータとして表示され、「0」で取得されたデータが単なるベースラインになるように、真の 0,0 ポイントを持つことです。

理想的な Google チャートの出力

私はあなたが遊ぶためのjsfiddleも作成しました。ここに JavaScript があります。

google.load("visualization", "1", {packages:["corechart"]});
google.setOnLoadCallback(drawChart);
function drawChart() {
    var data = new google.visualization.DataTable();
    data.addColumn('string', 'Day');
    data.addColumn('number', 'Slide');
    data.addRows([
        ['0', 40],
        ['1', 36],
        ['2', 32],
        ['3', 28],
        ['4', 24],
        ['5', 20],
        ['6', 16],
        ['7', 12],
        ['8',8],
        ['9', 4],
        ['10', 0],
    ]);

    var options = {
        colors: ['red', 'silver'],
        title: 'Slide',
        hAxis: {minValue: 0}
    };

    var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
    chart.draw(data, options);
}
​

および HTML:

<div id="chart_div" style="width: 900px; height: 500px;"></div>

軸のカスタマイズに関するヒントがいくつかありますが、グラフを壊すだけです!

4

1 に答える 1

0

チャートを使用する場合、x 軸を文字列として定義すると、チャートの最初と最後にギャップが生じます。これは、問題の画像のように、y 軸のラベルとプロットされた最初の点の間で最も顕著です。

これを克服するには、x 軸を数値として定義します (明らかに、適切な場合)。

data.addColumn('number', 'Day');
data.addColumn('number', 'Slide');
data.addRows([
    [0, 40],
    [1, 36],
    [2, 32],
    [3, 28],
    [4, 24],
    [5, 20],
    [6, 16],
    [7, 12],
    [8,8],
    [9, 4],
    [10, 0],
]);

最初の列はタイプnumberになり、値は文字列ではなく数値になりました。jsfiddleで動作することを確認してください。

于 2012-04-29T19:52:49.553 に答える