如何在图表中显示每日总订单金额

时间:2009-07-04 16:29:58

标签: php mysql json charts open-flash-chart

我似乎无法使其正常工作,我需要在图表上显示每日总订单金额。

我通过以下代码获得了Open Flash图表:


<?php

// Settings for Database Connection
include_once($root_folder_path . "includes/common.php");
include_once("./admin_common.php");
include_once("./ofc_chart_library/open-flash-chart.php");

$sql = "SELECT * from orders ORDER BY order_placed_date";
   if (!$sql) die('Invalid query: ' . mysql_error());

$result = mysql_query($sql);

$data = array();

while($row = mysql_fetch_array($result))
{
  $data[] = intval($row['order_total']);
}

/*
 *  Create a title object and set the text to present month.
 */
$title = new title( 'Monthly Sales Statistics for ' . date("F Y") . ' (US Dollar)' );
$title->set_style( "{font-size: 18px; font-family: Calibri; color: #808000; text-align: center;}" );

//Make our Bar Chart
$bar = new bar_filled('#f99bd6', '#ee0099');
$bar->set_values($data);

//Create a new Chart object
$chart = new open_flash_chart();

// add the title to the chart:
$chart->set_title( $title );
$chart->set_bg_colour("#FFFFFF");

// Display the bar object on the chart
$chart->add_element($bar);

/*
*  Create a Y Axis object
*/
$y_axis = new y_axis();
$y_axis->set_range(0, 12000, 1000);

// Add the y-axis object to the chart
$chart->add_y_axis($y_axis);

echo $chart->toPrettyString();
?>

现在上面的代码显示正常,这是快照:
http://static.zooomr.com/images/7749303_49fd833a44_o.jpg

我想要的是在X轴上显示日期,从MySQL数据库中获取日期值。

以下是我的数据库中日期的存储方式,即日期时间类型:

  

2008-12-30 00:06:24
  2009-02-03 01:57:17
  2009-02-03 01:58:27
  2009-05-03 01:58:48
  2009-06-03 02:00:31
  2009-07-03 02:01:47
  2009-07-03 02:02:31
  2009-07-04 14:21:18
  2009-07-04 14:21:36
  2009-07-04 14:22:18
  2009-07-04 14:23:29
  2009-07-04 14:24:24

我尝试使用以下代码在X轴中显示日期:


<?php

include_once 'php-ofc-library/open-flash-chart.php';

//Connect to MySQL Database
$con = mysql_connect("localhost", "root", "password");
    if (!$con) die('Could not connect : ' . mysql_error());
$db_selected = mysql_select_db("cart",$con);
    if (!db_selected) die ("Could not find the database: " . mysql_error());

$sql = "SELECT * from orders ORDER BY order_placed_date";
    if (!$sql) die('Invalid query: ' . mysql_error());

$result = mysql_query($sql);

$amountData = array();


while($row = mysql_fetch_array($result))
{
  $amountData[] = intval($row['order_total']); 
}

$chart = new open_flash_chart();
$chart->set_title(new title('Open Flash Chart Downloads'));

//Make Bar Chart
$bar = new bar_filled('#df95c3', '#f34db7');
$bar->set_values($amountData);

//Create a new Chart object
$chart = new open_flash_chart();

/*
 *  Create a title object and set the text to present month.
 */
$title = new title( 'Monthly Sales Statistics for ' . date("F Y") . ' (US Dollar)' );
$title->set_style( "{font-size: 18px; font-family: Calibri; color: #808000; text-align: center;}" );

// add the title to the chart:
$chart->set_title( $title );
$chart->set_bg_colour("#FFFFFF");


// Add the bar object to the chart
$chart->add_element($bar);


//
// create an X Axis object
//
$x_axis = new x_axis();
// grid line and tick every 10
$x_axis->set_range(
    mktime(0, 0, 0, 1, 1, date('Y')),    // <-- min == 1st Jan, this year
    mktime(0, 0, 0, 1, 31, date('Y'))    // <-- max == 31st Jan, this year
    );
// show ticks and grid lines for every day:
$x_axis->set_steps(86400);

$labels = new x_axis_labels();
// tell the labels to render the number as a date:
$labels->text('#date:d#');
// generate labels for every day
$labels->set_steps(86400);
// only display every other label (every other day)
$labels->visible_steps(1);


// finally attach the label definition to the x axis
$x_axis->set_labels($labels);


$y_axis = new y_axis();
$y_axis->set_range(0, 3000, 200);

// Display the Axis on the Chart
$chart->set_x_axis($x_axis);
$chart->add_y_axis($y_axis);

echo $chart->toPrettyString();


?>

这是我得到的:
http://static.zooomr.com/images/7749325_1c8b37fdf9_o.jpg

显示金额,但在0 x轴上都有一行。

如何解决此问题,请从数据库中获取订单日期,然后根据下订单的日期将其显示在图表上。

=============================================== =============

下面是Order Totals和它们被放置日期的JSON数据。


<?php

include_once 'php-ofc-library/open-flash-chart.php';

//Connect to MySQL Database
$con = mysql_connect("localhost", "root", "password");
    if (!$con) die('Could not connect : ' . mysql_error());
$db_selected = mysql_select_db("cart",$con);
    if (!db_selected) die ("Could not find the database: " . mysql_error());

$sql = "SELECT * from orders ORDER BY order_placed_date";
    if (!$sql) die('Invalid query: ' . mysql_error());

$result = mysql_query($sql);

$dateData = array();
$TotalAmountData = array();

while($row = mysql_fetch_array($result))
{
  $TotalAmountData [] = intval($row['order_total']);
  $dateData[] = $row['order_placed_date'];

}

print '<pre>';
print_r( $TotalAmountData );
print_r( $dateData );
print '</pre>';[/code]

?>

这显示以下JSON数据:

Array  // This is the Total Order Amount Per Day
(
    [0] => 2499
    [1] => 199
    [2] => 449
    [3] => 299
    [4] => 359
    [5] => 279
    [6] => 1359
    [7] => 5099
    [8] => 2621
    [9] => 2169
    [10] => 2249
    [11] => 5509
)
Array // This is the DateTime on which the orders where placed
(
    [0] => 2008-12-30 00:06:24
    [1] => 2009-02-03 01:57:17
    [2] => 2009-02-03 01:58:27
    [3] => 2009-05-03 01:58:48
    [4] => 2009-06-03 02:00:31
    [5] => 2009-07-03 02:01:47
    [6] => 2009-07-03 02:02:31
    [7] => 2009-07-04 14:21:18
    [8] => 2009-07-04 14:21:36
    [9] => 2009-07-04 14:22:18
    [10] => 2009-07-04 14:23:29
    [11] => 2009-07-04 14:24:24
)

我尝试通过从日期中删除时间来选择日期:

SELECT DATE_FORMAT(order_placed_date, '%m-%d-%Y'), order_total FROM orders

但上面的代码显示了JSON数据的空值

更新: 有人可以帮忙吗?

1 个答案:

答案 0 :(得分:1)

您的价值是否真的每天总计?看起来它是每个订单的总数,以及订单的日期。

您的第一张图表的问题在于,您没有将您的值分摊到每天的总数 - Open Flash Chart不会为您执行此操作。您可以将此作为SQL查询的一部分(例如,使用DATE()将日期时间转换为日期),或者通过解析和重新格式化日期以及将当天的值添加到一起来使用PHP。请注意,根据您处理x轴的方式,您可能还需要在没有任何订单的情况下添加0个条目。

第二张图表的问题在于您每秒设置一个元素,但您的数据应该是每天。这里重要的是要了解Open Flash Chart中的the difference between line charts and scatter charts。使用一维数据点阵列绘制折线图,​​而使用坐标绘制散点图。