2012-07-30 94 views
3

我正在使用Google Motion Chart,在底部有一個播放按鈕和滑塊,用於爲圖表設置動畫。我想設置滑塊使用的時間單位/步數。默認情況似乎是一天(「D」)。Google motion chart初始狀態 - 設置滑塊的時間單位

我drawChart方法調用設置初始狀態,我嘗試設置TIMEUNIT爲「M」 - 「持續時間」:{「事半功倍」: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」 設定爲一個月?如何更改滑塊以使用月份而不是日期來執行步驟?

回答

0

試試這個。

您可以指定運動圖從特定狀態開始:即,一組選定的實體和視圖自定義。要做到這一點,你需要首先創建並顯示圖表,然後進行任何狀態更改,你想圖表顯示(選擇值,更改設置等),然後將這些設置作爲一個字符串導出,最後在你的代碼中使用這個字符串,將它分配給「狀態」選項。接下來的兩節描述如何導出然後使用狀態碼。

  1. 打開工作圖表並設置您想要捕捉的設置。您可以指定的設置包括不透明度級別,縮放比例和對比線性縮放。
  2. 單擊圖表右下角的扳手符號打開「設置」面板。
  3. 單擊左下角的高級鏈接將高級面板添加到該組。
  4. 展開高級面板並將狀態文本框的內容複製到剪貼板。 (注意:您可以在頁面上插入一個調用getState()並在消息框中顯示當前狀態的按鈕,而不是使用步驟2-4中描述的菜單。)
  5. 指定您複製的狀態字符串在上一步到代碼中的「狀態」選項參數中,如下所示。傳遞給draw()方法時,圖表將被初始化爲啓動時指定的狀態。
3

documentation說:

第二列必須包含時間值。時間可以用以下任何格式表示:

  • 年 - 列類型:'數字'。示例:2008.
  • 月,日,年 - 列類型:'date';值應該是javascript Date實例。
  • 週數 - 列類型:'string';值應該使用符合ISO 8601的模式YYYYWww。例如:'2008W03'。
  • Quarter - 列類型:'string';值應該具有符合ISO 8601的模式YYYYQq。示例:'2008Q3'。

讀另一thread,它看起來像谷歌是在垃圾桶裏扔這一點,並不會被提高時間單位。