PHP和FusionCharts建立互動式鑽研報表_PHP教程

來源:互聯網
上載者:User
在分析資料時,使用圖表的方式是很直接形象的,而假表是可以有互動能力的,那麼其效果會更加好。在本文中,將探討如何使用php搭配開源報表庫FusionCharts(項目地址:www.fusioncharts.com/),去建立互動鑽研報表。所謂的鑽研報表,指的是可以當使用者點取報表中的資料軸的時候,可以再新開啟一個新的報表,這樣方便在不同的報表之間導航,十分方便。

  介紹連結式圖表

  一般而言,普通圖表的資料都是獨立的,如何才能將這些資料彙總在一起,並且讓我們可以在這些資料圖之間來回地導航查看呢?這正是LinkedCharts能實現的。它是在FusionCharts 3.2中新增加的切入新特性,它允許只需要一個資料來源就可以建立無限制級的切入圖表,所有的的連結都是來自父圖表和其資料。

  在本文中,我們將學習如何將圖表跟web應用結合起來。其中Mysql資料庫會包含所需要的資料,而PHP程式則會將資料從資料庫中取出,而FusionCharts則會負責處理和顯示資料,它們的關係如:

  想要更多的瞭解關於LinkedCharts的情況,可以看以下這篇文章介紹(http://kb.fusioncharts.com/questions/459/What+is+a+Drill-down+chart?),這篇文章的要點歸納如下:

  1 鑽研報表用父圖表預設的設定去顯示資料;

  2 每一層的切入層都是可以進行額外的設定的,當然你可以去改變每一個切入層的設定和圖表類型;

  3 可以在新的視窗中開啟連結圖表,其中支援象jQuery 對話方塊,lightbox,extJS視窗和更多;

  4 支援使用Javascript去擴充事件。

  我們要做什麼

  我們要經常去監視我們的網站應用程式有多少來訪客人,看下其是否增長了,在本文中,我們就來做一個小應用,可以顯示一段時間來我們網站有多少註冊的使用者。

  預備:支援php的web伺服器,這裡我們用apache,mysql資料庫,下載FusionCharts。

  步驟1 初始設定

  建立一個空的資料庫fctutorial,建立一個fcdemo的子目錄用來存放php檔案。

  步驟2 初始化資料庫資料

  這裡我們建立一個users表,這裡只是簡單有兩個欄位,一個是ID,一個是使用者註冊時間:

http://www.bkjia.com/PHPjc/486014.htmlwww.bkjia.comtruehttp://www.bkjia.com/PHPjc/486014.htmlTechArticle在分析資料時,使用圖表的方式是很直接形象的,而假表是可以有互動能力的,那麼其效果會更加好。在本文中,將探討如何使用php搭...

  • 相關文章

    聯繫我們

    該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

    如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

    A Free Trial That Lets You Build Big!

    Start building with 50+ products and up to 12 months usage for Elastic Compute Service

    • Sales Support

      1 on 1 presale consultation

    • After-Sales Support

      24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.