原創|使用教程|編輯:龔雪|2014-05-15 09:08:08.000|閱讀 845 次
概述:本文中,我們將利用HTML表單數據渲染FusionCharts圖表。
# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
相關鏈接:
本文中,我們將利用HTML表單數據渲染FusionCharts圖表。接下來,我們將構建一個簡單的餐廳銷售的例子,由專人輸入餐廳每天所出售的食物。我們將獲得這些餐廳銷售數據,并繪制圖表。本文所涉及的示例代碼可以在FusionCharts試用版中獲取。
示例效果如下:
用戶在輸入框中輸入食物項目的相關值,然后點擊 "Chart it!"。該按鈕將生成輸入框中所輸入數據的對應圖表。
部分示例代碼:
接下來,我們一步步分析一下上述代碼中涉及的步驟:
1、列出JavaScript類文件FusionCharts.js
2、創建5個輸入框
3、為每個輸入框設置id,
4、當點擊 chartIt()時,在文本輸入框下調用JavaScript函數
5、該函數會首先檢索來自輸入框中的所有值。
6、為圖表創建一個帶有所有檢索值的XML字符串。
7、渲染圖表,并將XML字符串傳遞給圖表
本站文章除注明轉載外,均為本站原創或翻譯。歡迎任何形式的轉載,但請務必注明出處、不得修改原文相關鏈接,如果存在內容上的異議請郵件反饋至chenjj@fc6vip.cn