当用户点击提交时，如何在图表中显示计算结果？

Question

我使用http://canvasjs.com/创建条形图。到目前为止，当用户点击“提交”时输入的数字显示在图表http://jsfiddle.net/jx9sJ/5/上。

现在，我试图改变它。因此输入的数字被发送到ajax，计算完成，＆amp;然后使用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（$ total）的结构为

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

Answer 1

首先，

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

不是json_encode d，而是var_dump( $total )。

然后，您必须使用JSON中的值填充JSFiddle第15行使用的data对象，这需要一些AJAX的基本知识。我建议你先熟悉一下。