如何在用戶單擊提交時在圖表中顯示計算結果？

我使用http://canvasjs.com/來創建條形圖。到目前爲止，當用戶點擊「提交」時，輸入的數字顯示在圖形http://jsfiddle.net/jx9sJ/5/上。如何在用戶單擊提交時在圖表中顯示計算結果？

現在，我試圖改變它。所以輸入的數字被髮送到ajax，完成計算，&，然後使用json_encode($total);編碼我努力從值，這是在json_encode創建圖形。如何才能做到這一點？

代碼到目前爲止

$fortot2 = 5; 
$fortot3 = 2; 

if (is_numeric($numwelds) && is_numeric($numconwelds)) 
{ 
    $total['tot1'] = $numwelds + $numconwelds + $fortot3 ; 
    $total['tot2'] = $numwelds + $numconwelds + $fortot2 ; 
    $total['tot3'] = $numwelds + $numconwelds; 
    $response = json_encode($total); 
    header("Content-Type: application/json"); 
    echo $response; 
    exit; 
}

使用的print_r json_encode（$總計）的結構爲

Array ([tot1] => 3 [tot2] => 5 [tot3] => 1)

來源

2014-03-31 mattnewbie

確切的問題是什麼？你想通過AJAX發送數組嗎？您是否在創建圖表時遇到問題？ – Jasper

@Jasper麻煩創建從'json_encode'的值的圖形 – mattnewbie

有沒有人有任何建議嗎？真的堅持這一點。 – mattnewbie

首先，

Array ([tot1] => 3 [tot2] => 5 [tot3] => 1)

不json_encode d和相當的樣子var_dump($total)。

然後，您必須使用JSON中的值填充在JSFiddle的第15行中使用的data對象，該對象需要有關AJAX的一些基本知識。我建議你先熟悉一下。

來源

2014-04-01 14:45:44 Jasper

http://www.w3schools.com/ajax/default.ASP – Jasper

如何在用戶單擊提交時在圖表中顯示計算結果？

回答

相關問題