2016-02-23 7 views
0

Я нарисовал диаграмму на холсте. Когда я загружаю в загрузочный модальный, инициированный связью, модальность появляется пустой. Поэтому он не загружает диаграмму.Невозможно загрузить Js Chart в bootstrap modal

<head> 
    <meta http-equiv="content-type" content="text/html"; charset="UTF-8" /> 
</head> 
<body> 
    <div id="postChart" class="container text-muted" style="width:230px; padding-left:10px;"> 
    <p>This post chart will show the number of posts of you and your friends.</p> 
    <canvas id="chart" style="" id="myChart" width="200" height="200"></canvas> 
    </div> 
</body>'; 

JQuery

$myId = $GLOBALS['app.user']->Id; 
    $currentUserNumberPost = Notification::getNumberOfPost($myId); 
    $currentUserName = Userfacebook::getFullname($myId); 
    $currentUserColor = Color::getuserColor($myId); 

    $friendsData_json = json_encode($friendsData); 

var ctx = document.getElementById("myChart").getContext("2d"); 
      var currentUserData = { 
       value:$currentUserNumberPost, 
       label:"$currentUserName", 
       color:"$currentUserColor" 
      }; 
      var doughnutData = []; 
      doughnutData.push(currentUserData); 

      var friendData = $friendsData_json; 
      var i; 
       console.log(friendData);  
      for(i = 0; i < $numberOfFriends; i++){ 
       var friendsData = {value:friendData[i]['Total'], color:friendData[i]['color_code'], label:friendData[i]['full_name']}; 
       doughnutData.push(friendsData); 
      } 
      var myDoughnutchart = new Chart(ctx).Doughnut(doughnutData); 


    $("#postChartId").click(function(e){ 
     $("#postChart").load("home.php?module=facebook&action=my_post_chart #postChart"); 
    }); 
+0

Где код, загружающий диаграмму в модальность Bootstrap? –

+0

вы можете разместить полный код, чтобы найти решение проблемы. –

ответ

0

Когда выполнил JQuery-код? Готовы? Попробуйте выполнить его, когда мода уже открыта.

Смежные вопросы