尝试使用php数据在{c44}中创建图表

时间:2015-08-03 16:39:10

标签: html css charts

我尝试了很多方法,但我不能。

用户在我的网站上做广告,每次访问者点击它时,我都会将事件时间保存到数据库中,以便在用户帐户中生成“迷你统计信息”。

例如,用户有广告并且有效30天。

目标是创建一个图表(在CSS中)以显示每日点击次数(第1天= 2次点击,第2天= 25次点击,第3天= 64次点击......)

这就是我每天获得点击次数的方式。我创建了一个包含30个索引(持续时间天数)的数组。我将每个元素值设置为0.然后我检查给定时间($ time-> click_time)是否与当天相对应。

<?php

// $data = results from sql query

$duration = 30; // Active days

$clicks_days = array();

for ( $i = 1; $i <= $duration; $i++ )
    $clicks_days[ $i ] = 0;

foreach ( $data as $time ) {

    if ( $time->click_time && $time->click_time > $start_time && $time->click_time < $expiry_time ) {

        $a = round( ( $expiry_time - $time->click_time ) / 24 / 60 / 60 );
        $day = $duration - $a;

        $clicks_days[ $day ] = $clicks_days[ $day ] + 1;

    }

}

?>

我的阵列已准备好接受治疗:

Array (
    [1] => 12,
    [2] => 30,
    [3] => 64,
    ...
    [30] => 72,
)

现在使用HTML和CSS,如何制作一个简单的图表(查看下图)? 知道我希望图表具有一定的固定高度(36px),并且我想计算每个数组元素的高度百分比。

enter image description here

希望我的英语很清楚,谢谢。

1 个答案:

答案 0 :(得分:0)

为此我建议使用这个JavaScript库:chartjs.org,你可以使用Ajax和JSON来解析数据。