3

私は、チャートをアニメーション化する下部に再生ボタンとスライダーがあるGoogleモーションチャートを使用しています。スライダーで使用する時間単位/ステップを設定したいと思います。デフォルトは日 ("D") のようです。

私の drawChart メソッドは初期状態を設定し、timeUnit を "M" - "duration":{"multiplier":1,"timeUnit":"M"} - 月に設定しようとしましたが、何も変わりませんでした。初期状態変数の可能な設定に関するドキュメントは見つかりませんでした。

以下は、状態を設定する私の方法です：

function drawChart(data) {
        var evalObj = eval("(" + data + ")");
        var dataTbl = new google.visualization.DataTable(evalObj);
        var motionchart = new google.visualization.MotionChart(document.getElementById('chart'));
        var options = {};
        options['state'] =
        '{"iconKeySettings":[],"stateVersion":3,"time":"notime","xAxisOption":"_NOTHING","playDuration":15,
"iconType":"BUBBLE","sizeOption":"_UNISIZE","xZoomedDataMin":null,
"xZoomedIn":false, "duration":{"multiplier":1,"timeUnit":"M"},"yZoomedDataMin":null,"xLambda":1,"colorOption":"_UNIQUE_COLOR",
"nonSelectedAlpha":0.4,"dimensions":{"iconDimensions":   []},"yZoomedIn":false,"yAxisOption":"_NOTHING","yLambda":1,"yZoomedDataMax":null,
"showTrails":false,"xZoomedDataMax":null};';
        options['width'] = 800;
        options['height'] = 400;
        motionchart.draw(dataTbl, options);
    }

「M」は月の設定ですか？スライダーを変更して、そのステップに日ではなく月を使用するにはどうすればよいですか?

4

2 に答える 2

3

ドキュメントには次のように記載されています。

2 番目の列には時間値が含まれている必要があります。時間は、次のいずれかの形式で表すことができます。

  • 年 - 列の種類: '数値'。例: 2008 年。
  • 月、日、年 - 列タイプ: 'date'; 値は JavaScript の Date インスタンスにする必要があります。
  • 週番号 - 列タイプ: 'string'; 値には、ISO 8601 に準拠したパターン YYYYWww を使用する必要があります。例: '2008W03'。
  • 四半期 - 列の種類: 'string'; 値には、ISO 8601 に準拠したパターン YYYYQq が必要です。例: '2008Q3'。

別のスレッドを読むと、Google はこれをゴミ箱に捨て、時間単位を強化する予定はないようです。

于 2013-05-07T04:04:04.543 に答える
0

これを試して。

モーション チャートが特定の状態 (選択されたエンティティとビューのカスタマイズのセット) で開始するように指定できます。これを行うには、最初にグラフを作成して表示し、次にグラフに表示する状態の変更 (値の選択、設定の変更など) を行い、これらの設定を文字列としてエクスポートし、最後にこれを使用する必要があります。コード内の文字列を「状態」オプションに割り当てます。次の 2 つのセクションでは、状態コードをエクスポートして使用する方法について説明します。

  1. 作業中のチャートを開き、キャプチャする設定を設定します。指定できる設定には、不透明度レベル、ズーム、対数対線形スケーリングなどがあります。
  2. チャートの右下隅にあるレンチ記号をクリックして、[設定] パネルを開きます。
  3. 左下隅にある [Advanced] リンクをクリックして、[Advanced] パネルをセットに追加します。
  4. [詳細] パネルを展開し、[状態] テキスト ボックスの内容をクリップボードにコピーします。(注: 手順 2 ～ 4 で説明したメニューを使用する代わりに、getState() を呼び出して現在の状態をメッセージ ボックスに表示するボタンをページに挿入することもできます。)
  5. 次に示すように、前の手順でコピーした状態文字列をコードの「状態」オプション パラメーターに割り当てます。draw() メソッドに渡されると、チャートは起動時に指定された状態に初期化されます。
于 2012-09-30T13:26:21.800 に答える