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

时间:2014-03-31 19:08:23

标签: javascript php ajax

我使用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($ total)的结构为

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

1 个答案:

答案 0 :(得分:1)

首先,

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

不是json_encode d,而是var_dump( $total )

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