jq.schedule.jsでスケジュールを動的に生成する方法

Question

jq.schedule.jsを使ってスケジュールアプリを作っているのですが
コントローラー内で作成したスケジュール情報のJsonデータを
所定のパラメータにセットしているのですがスケジュールが作成されません。

jq.schedule.js

Demoを見ると以下のコードのrowsに
Json形式のデータを与えたらよいことがわかったので
アクションメソッド内でViewBag.JsonDataに
シリアライズしたJson形式のオブジェクトを格納し、
View側でvar jsonData = '@ViewBag.JsonData';で格納したオブジェクトを取得し、
rowsにセットしたのですが、スケジュールエリアが何も表示されない状態です。

ViewファイルのJavaScriptコード内に直接以下のJsonデータを記載したら
意図するスケジュールが描画されることまでは確認しております。

すみません、上手に説明できていない感が満載ですが、
何かアドバイスをいただけたら幸いです。

宜しくお願い致します。

// Json
var jsonData = { "staff":{"title" : "Aさん","schedule":[{"start":"10:15","end":"12:00","text":"①様"}]}};

// JavaScriptコード
var $sc = jQuery("#schedule").timeSchedule({
startTime: "10:00", // schedule start time(HH:ii)
endTime: "20:00", // schedule end time(HH:ii)
widthTime:60 * 15, // cell timestamp example 10 minutes
timeLineY:60, // height(px)
verticalScrollbar:20, // scrollbar (px)
timeLineBorder:2, // border(top and bottom)
debug:"#debug", // debug string output elements
rows:jsonData,
change: function(node,data){
alert("change event" + data["end"]/3600);
},
init_data: function(node,data){
},
click: function(node,data){
alert("click event" + data['data']['url']);
},
append: function(node,data){

    },
    time_click: function(time,data){
        alert("time click event" + time);
    },
});

【開発環境】
jquery-1.11.3.js
jquery-ui-1.11.4.js
asp.net mvc 4
C#
Visual Studio 2013

追記：
IEでデバッグしてみたところダブルクォーテーションがすべて"に変換されており、jsonオブジェクトとして成立していないようです。
javascript内で@ViewBag.JsonDataが展開された際に"に変換されているようです。変換されないようにする方法をお教えいただけたら幸いです。

Answer 1

以下のようにエンコードさせないようにしたら解決できました。
var jsonData = @Html.Raw(ViewBag.JsonData);