雙擊格式刷 選擇單元格 刷一次 然后單擊下一個單元格
JAVA工具
JAVA使用軟件 開發工具 |
商業版ERP采用完全.NET技術,純B/S結構,適合任何復雜應用環境下的分布式管理。包括采購管理、倉儲管理、銷售管理、POS銷售、應收應付、現金銀行、帳務管理、出納管理、固定資產、工資管理、客戶關系、辦公管理、報表中心十三大模塊。
方便靈活的采購定單制定方式,用戶可根據銷售訂單、采購、生成訂單,實現以銷定購的經營管理模式。
采購開單可直接點擊藍色超級連接進入定單修改與制作,并支持多信用票據采購、已估價入庫貨品票據到后,實現采購的同時沖回等采購方式。
支持多種采購付款方式,支持銀行存款、現金、應付與預付款間的轉換。
支持自定義采購、銷售單據格式,滿足企業實際使用需要。
2、銷售管理
處理企業主營業務收入,幫助制定銷售計劃。多樣化的銷售計劃單形式,支持公司、業務部門或業務員。
制定年度、季度、月度銷售計劃,并對計劃執行情況時實跟蹤。
銷售開單一張單據可處理現款銷售、賒銷、部分收款的銷售、委托銷售結算,并能實現多種退貨業務方式的處理。
對所銷售的貨品,提供出當前實際庫存量、已占用量和可用量,使用戶能及時了解和掌握庫存情況。
系統增加對委托銷售的成本金額的管理,并對委托銷售價金額和實現銷售后的金額,以報表的形式進行管理。
強大的自定義銷售報表功能,任意組合報表統計項目,提供銷售成本、費用及銷售稅金分析功能。
用戶可以設置多種POS前臺各種參數,協調處理包括折扣、退貨等日常功能。
統計當天前臺的銷售情況,隨時掌握前臺銷售情況、收銀情況、交款情況。
儲值卡/會員卡管理功能:包括卡資料的建立、充值、停用、掛失、使用期限、累計消費額統計等等。
具備無限分類功能,倉儲貨品無限分類沒有任何限制,分類可以精細到貨位。
提供同地或異地倉庫調撥,并可隨時對貨品進行調價,準確的計算各期存貨發出成本。
實現同一業務期間內多次存貨盤點功能,系統并可根據盤點數量和庫存成本單價自動計算盈虧數量與金額。
系統可對銷售貨品進行組裝、拆卸管理,自動計算組裝貨品的成本與拆卸后貨品的單價,并允許用戶手工修改價格。
提供其他收發貨單功能,供用戶發生非采購和銷售貨品收發時使用。
5、應收應付
功能強大的結算方式,可處理現金、銀行的收付款業務,也可處理以各種銀行票據、信用卡等方式結算采購款或收取銷售款業務。
用戶可方便地處理在預收預付款間的合并或重組等業務時的情況。
六種往來核銷方式,收付款業務更清晰、更靈活,完全滿足企業實際操作需求。
6、現金銀行
處理貨幣資金收支業務,包括銀行先進存取、各種費用開支,其他收入等等。
發生業務性銀行存取款,系統根據所填轉入轉出帳戶自動生成會計憑證。
通過費用開支模塊,直觀了解各項費用開支,加強控制企業費用支出。
自動生成銀行、現金日記帳明細與匯總表。
7、報表中心
系統將采購、銷售、倉儲、財務等資料,經過綜合匯總統計分析,為企業領導提供相應的分析數據與財務指標數據,幫助企業的決策層及時了解本企業的經營情況。并根據分析資料,做出下一步的經營戰略與方針。
配有強大的自定義報表功能,用戶可根據企業需要,編制出適合本企業特點的一些特殊報表。
大量統計分析表,系統分析企業在不同生產經營周期內,各種經營活動的項目對比,并提供多種分析手法,幫助企業從不同角度了解企業生產經營情況。
8、客戶關系
實現客戶分類,客戶信用等級、詳細資料、購買記錄動態統計分析。
有效管理企業分銷網絡,掌控分支或分銷機構直接銷售數據,有效支持企業區域市場和產品決策。
項目、商機分類統計分析,實現動態管理,實時監控費用支出,把握開發和市場進度。
9、辦公管理
系統融入日程管理、項目管理等功能,實現辦公管理的一體化。
支持郵件發送與接收,滿足辦公應用的實際需要。
10、帳務管理
處理企業整體財務計算過程,從記帳、算帳、結帳到會計報告生成。
靈活的帳務處理,支持按手工帳模式進行憑證處理。
系統提供憑證制作向導,可將需要生成憑證的單據集中,批量生成財務憑證。
支持外幣處理、自動期末調匯、結轉損益。
根據憑證號、費用等快速查找憑證詳細記錄。
自動生成會計帳本、匯總明細分類帳等幾十多種財務報表。
11、出納管理
完善的銀行支票管理,對確認支票自動進行財務處理。
支持支票以外的各種銀行票據管理,滿足企業現金銀行業務核算。
處理銀行對帳系統,完成各種銀行對帳單系控制功能,具有不平衡提示控制,自動進行找平。
每次對帳結束自動產生對帳日余額表。
提供出納初始化、出納結帳/反結帳功能。
出納即可手工錄入出納日記帳模式,也可從憑證引入數據。
12、固定資產
直觀的仿真卡片固定資產管理方式。
提供多種計提折舊方式對固定資產進行處理。
自動計算固定資產的月折舊額、累計折舊額、凈值等,并生成相應會計憑證。
固定資產資產清單、固定資產及折舊表、固定資產及累計折舊增減過程分析、固定資產結構分析、固定資產工作量表。
主要處理工資檔案,并詳細記錄員工資料;提供工資條打印、工資發放、工資費用分配,工資表輸出等多項功能。
詳盡的員工人事擋案、工資檔案管理。
工資數據智能錄入,可按工序、時間、員工方式入計件工資。
可自設工資項目、計算方法公式。
分清錢單、工資扣零;銀行代發功能,個人所得稅扣繳申報表,自動計稅功能。
工資費用自動分配結轉,工資系統與帳務系統有機結合。
輸出工資條、工資發放表、工資費用分配表、工資結構分析表等報表。
<style>
ul li{
height:139px;
}
</style>
<div id=demo style=overflow:hidden;height:139;width:232;background:#f4f4f4;color:#ffffff>
<div id=demo1>
<ul>
<li>123112</li>
<li>123112</li>
<li>456788</li>
</ul>
</div>
<div id=demo2></div>
</div>
<script>
var speed=50
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetTop-demo.scrollTop<=0)
demo.scrollTop-=demo1.offsetHeight
else{
demo.scrollTop=demo.scrollTop+3
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>
1.業務流程
某企業的銷售管理業務主要負貴產品訂貨、開發新用戶、產成品入庫、發運、劃價及貨款回收等工作。其流程概括為訂貨→排產→入庫→審票→監控→發貨→劃價→結算→回款。由各分公司負責訂貨合同的簽訂,分公司人員把客戶填寫的訂貨合同正表和訂貨卡片送到排產調配室排產,排產后的合同由各分公司負責填寫合同附表;填好后由排產室送到生產部安排車間組織生產,車間生產出來的產品統一入庫到銷售總公司成品庫。產成品入庫必須依照票據對種類、規格、型號、件(支)數認真核對。票物相符后,經計控檢斤員檢斤填量,且雙方在入庫單上簽字蓋章后辦理入庫,同時登記建賬,入庫單轉合同科。合同科嚴格安排產合同的附表項目審核產成品入庫,對入庫單作入庫登賬,對不符合規定項目的入庫單不予辦理入庫手續。入庫合同票據要及時轉各公司,各公司確認該發貨時,發貨票據要拿到綜合管理室進行發出商品監控,確認是否應該發貨(根據監控管理規定)。經綜合管理室審核可以發貨的票據交給合同科撥出并轉發貨科準備發貨。
2.系統需要完成的功能
客戶的實際需求是通過銷售訂單進入ERP銷售系統。訂單是根據獲取的客戶信息、交運信息、銷售項目以及其他注意事項建立的,其主要內容有:訂單號、客戶代碼、訂單類型、訂單內容、有關日期信息、有關交運的信息、與客戶有關的信息等。獵頭.發貨部門負責對所有的運單、發運報表等進行制作和統計。發運所涉及的各種賬票和貨票的記錄都應納入計算機管理,確保有關負責人能夠準確地把握業務進展情況,使領導能做出準確的決策來控制整個系統的業務流轉。價格管理部門主要完成對發出產品、客戶訂單的劃價處理。系統應提供維護多種價格信息的功能,所有價格協議及價格批示的內容都要納入計算機管理。系統應能隨時提供各種需求的實際銷售價格,對財務系統提出的要求,能夠提供工廠成本,以便算出銷售利潤。為了使整個銷售總公司的業務流程進行得快捷、有效,起到真正意義上地提高管理水平的作用,因此開發基礎數據系統勢在必行。
三、ERP環境下銷售管理系統的總體設計
根據各個方面調研,本系統主要完成以下功能:銷售報價處理、系統維護、合同訂單管理、銷售訂單管理、銷售結算、發貨管理、銷售分析等功能。銷售子系統模塊劃分:
1.系統維護模塊。本模塊包含的內容主要有:
客戶資料:提供按客戶分區域、分類管理客戶信息,每一客戶可定義多個送貨地址,多種付款方式。用戶管理:完成銷售系統用戶(操作員)的管理功能,包括操作員的分配、刪除、權限管理等。獵頭公司.日志管理:管理銷售系統操作員的操作日志,可以查詢、統計、刪除、打印操作員的操作日志,通過對這此日志的管理,及時發現并預防發生問題,主要是事后處理,防止抵賴,從而加強系統的安全性。
2.銷售報價處理模塊。本模塊包含的內容主要有錄入報價單、報價單修改、報價單審核、報價單查詢通過銷焦報價處理,使企業有效的對售前商務活動進行監控。支持多幣種的、多價格及帶有有效期的產品報價,可對每個客戶制定不同的銷售價格,具有多種方式的折扣處理。
3.合同管理模塊。本模塊包含的內容主要完成對合同簽訂相關信息的輸入、查詢、統計、校核,同時可以按客戶地區、類別等管理客戶訂貨合同的建立與變更,能準確反映客戶各個時期的訂貨情況,有效地控制銷售訂單中的產品、數量、價格等信息。據此可以制定銷售計劃作為生產計劃制定的重要依據。
4.銷售訂單管理模塊。本模塊主要包括銷售訂單的制定和訂單的實施管理,就其具體的實現形式而言,主要有以下幾種形式:
銷售訂單錄入:錄入銷售訂單的詳細信息。
銷售訂單下達:訂單必須經銷售主管批準后,該訂單才最終生成,并可被打印或以文件附件形式發送郵件可自由設定起止日期和自動轉之生產、庫存等管理部門不同查看之需要,形成基本的全公司生產表。技術總監獵頭.
銷售訂單查詢:為了方便企業及時、快速地了解訂單的完成情況。包括拖期訂單查詢、訂單執行情況查詢、未完結訂單的查詢。可按產品統計訂單執行情況、按客戶統計訂單執行情況、按地區統計訂單執行情況。
5.銷售結算模塊。本模塊將入賬的訂單與沒有入賬訂單與財務掛接,提供客戶付款管理與跟蹤,客戶欠款的管理。另外,還包括出庫商品的確認和銷售應收款的確認。
6.發貨管理模塊。本模塊包含的內容主要是根據訂單、客戶信用狀況、付款情況及庫存狀況制定產品出貨計劃。提供在一張提貨單內可以開出同一客戶與提貨日期所訂的不同產品。銷售部門可以根據出貨計劃,對有關客戶訂單的生產、質量檢查、包裝、運輸和報關等部門進行監督,跟蹤整個銷售單的完成情況,避免可能發生的訂單延誤,最大限度地保證客戶的利益和公司形象。
7.銷售分析模塊。本模塊包含的內容主要是任意期間票據匯總、任意期間應收賬目匯總、應收款資金占用分析、銷售合同完成情況報告、客戶訂貨統計報告(包括任意時間段客戶定貨金額統計、客戶歷年訂購統計、客戶歷月訂購統計)、產品流向報告(包括任意時間段產品統計表、產品歷年訂購統計、產品歷月訂購統計)、產品歷年銷售增長率分析、重點用戶定貨增長率分析。
四、ERP環境下銷售管理系統的技術實現
1.軟件的體系結構選擇
(1)C/S模式。技術管理獵頭.可分為兩層C/S模式和三層C/S模式,兩層C/S模式的基本工作方式是客戶向數據庫服務器發送SQL請求,服務器返回數據或結果。具體來講,又可以分為兩種實現方式,一種是由客戶來完成表示部分和業務邏輯部分,由服務器完成數據訪問部分;另一種以服務器為中心的,在這種情況下,把一些重要的業務邏輯部分放到服務器上,這樣可以充分利用服務器的計算能力,減少網絡上傳送的數據量,提高系統性能。三層C/S結構將應用的三部分(表示層、業務邏輯層、數據層)明確進行分割,使其在邏輯上各自獨立,并且單獨加以實現。分別稱之為客戶、應用服務器、數據庫服務器。與兩層C/S結構相比,其應用邏輯部分明確地劃分出來。三層C/S的體系結構中,客戶是應用的用戶接口部分,負責用戶與應用程序的交互,它接受用戶的輸人和請求,將結果以適當的形式(如圖形、報表)返回給用戶。三層C/S結構在硬件的實現上有兩種方式:一是客戶位于客戶機上,應用服務器和數據庫服務器位于統一主機上;二是客戶位于客戶機上,應用服務器和數據庫服務器位于不同的主機上。
相比之下,兩層C/S結構的主要有以下優點:1)交互性強;2)系統通訊開銷小;3)有較強的數據操縱能力和事務處理能力;4)保證了數據的安全性和完整性。三層C/S模式具有安全性強、效率高、易于維護等特點,但是這種模式首期開發成本比較高,比較適合于開發大型分布式應用系統。傳統的兩層C/S結構實際上是一種“胖客戶機”、“瘦服務器”的網絡計算模式,而三層C/S結構則是一種“瘦客戶機”、“胖服務器”的網絡計算模式。目前,流行的趨勢是客戶機更瘦,胖服務器更胖。
(2)B/S模式。近年來,隨著Internet/Intranet和電子商務的迅速發展,B/S結構得到了廣泛的應用,它是一種以Web技術為基礎的新型網絡管理信息系統平臺模式,B/S結構把傳統的兩層C/S中的服務器部分分為Web服務器和數據庫服務器,從而構成一個三層結構的客戶服務器體系。
B/S結構具有能夠保證其應用的通用性和跨平臺性,并且系統安全性好、擴展性好、操作方便,界面友好,但其開發的難度較高,所應用的技術有較大的集成。
(3)B/S與C/S混合模式。顧名思義,就是在體系結構上采用B/S與C/S的混合結構,既發揮傳統C/S模式成熟的技術,又能借助Internet充分發揮B/S模式的先進性,在規劃ERP系統時做到有的放矢,趨利避害,從而使ERP系統能夠有效地實現快速信息交流和信息共享。
B/S與C/S混合模式的體系結構如圖1所示。
圖1 B/S與C/S混合模式
B/S與C/S混合模式能綜合C/S模式與B/S模式的優點,但此種模式的開發和應用目前尚處在研究階段,未形成成熟的技術體系。獵頭網.
2.系統集成開發方法確定
(1)應用軟件客戶端開發工具選擇
系統開發應當選擇一種易用、好用、能方便找尋變量以及具有強屬性補充性能的開發工具,這樣,開發一個新的系統才能事半功倍。本文所研究的銷售子系統開發采用PowerBuilder6.5作為其應用軟件的客戶端開發工具。PowerBuilder(簡稱PB)是美國Power Soft公司開發的客戶機服務器應用程序開發工具,它所采用的圖形用戶界面使得程序員能夠快速容易地開發出相互獨立的對象,而這些對象可供其他程序員共享或重復使用。作為專門的數據庫應用系統開發工具,PB在C/S結構的管理軟件開發中表現出眾,深得用戶青睞。作為一種面向對象的編程工具,PB很好地具備了繼承性、多態性和封裝性這三個基本特性。
(2)后臺數據庫及操作環境選擇
系統據庫管理系統,它使用相關的命令語句在服務器和客戶機之間傳送請示和回應。在一般的Windows體系下,中小型企業的應用都使用SQL Server,為SQL Server支持存儲、觸發器、自定義函數等操作;其安全性、并發控制能力、數據挖掘、聯機操作等方面是別的數據庫平臺無法超越的。對應于SQL Server的數據處理語言即為SQL。每個數據庫管理系統都需要自己的數據處理語言(DML),但所有的DML都是由同一種語言,即SQL語言發展而來的。SQL即結構化查詢語言(Structured Query Language),是一個被廣泛采用的工業標準,該標準包括數據定義、數據操縱、數據管理、存取保護、事務控制等。
摘要: jquery 操作函數和方法 閱讀全文自定義函數
用戶定義自定義函數像內置函數一樣返回標量值,也可以將結果集用表格變量返回
用戶自定義函數的類型:
標量函數:返回一個標量值
表格值函數{內聯表格值函數、多表格值函數}:返回行集(即返回多個值)
1、標量函數
Create function 函數名(參數)
Returns 返回值數據類型
[with {Encryption | Schemabinding }]
[as]
begin
SQL語句(必須有return 變量或值)
End
Schemabinding :將函數綁定到它引用的對象上(注:函數一旦綁定,則不能刪除、修改,除非刪除綁定)
Create function AvgResult(@scode varchar(10))
Returns real
As
Begin
Declare @avg real
Declare @code varchar(11)
Set @code=@scode + ‘%’
Select @avg=avg(result) from LearnResult_baijiali
Where scode like @code
Return @avg
End
執行用戶自定義函數
select 用戶名。函數名 as 字段別名
select dbo.AvgResult(‘s0002’) as result
用戶自定義函數返回值可放到局部變量中,用set ,select,exec賦值
declare @avg1 real ,@avg2 real ,@avg3 real
select @avg1= dbo.AvgResult(‘s0002’)
set @avg2= dbo.AvgResult(‘s0002’)
exec @avg3= dbo.AvgResult ‘s0002’
select @avg1 as avg1 ,@avg2 as avg2 ,@avg3 as avg3
函數引用
create function code(@scode varchar(10))
returns varchar(10)
as
begin
declare @ccode varchar(10)
set @scode = @scode + ‘%’
select @ccode=ccode from cmessage
where ccode like @scode
return @ccode
end
select name from class where ccode = dbo.code(‘c001’)
2、表格值函數
a、 內聯表格值函數
格式:
create function 函數名(參數)
returns table
[with {Encryption | Schemabinding }]
as
return(一條SQL語句)
create function tabcmess(@code varchar(10))
returns table
as
return(select ccode,scode from cmessage where ccode like @ccode)
b、 多句表格值函數
create function 函數名(參數)
returns 表格變量名table (表格變量定義)
[with {Encryption | Schemabinding }]
as
begin
SQL語句
end
多句表格值函數包含多條SQL語句,至少有一條在表格變量中填上數據值
表格變量格式
returns @變量名 table (column 定義| 約束定義 [,…])
對表格變量中的行可執行select,insert,update,delete , 但select into 和 insert 語句的結果集是從存儲過程插入。
Create function tabcmessalot (@code varchar(10))
Returns @ctable table(code varchar(10) null,cname varchar(100) null)
As
Begin
Insert @ctable
Select ccode,explain from cmessage
Where scode like @code
return
End
Select * from tabcmessalot(‘s0003’)
{ items: [{ xtype: 'textfield', id: 'txtKeys', fieldLabel: '快速查找', width: 150, style: "margin-top:1px;",list-style-type : disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none | armenian | cjk-ideographic | georgian | lower-greek | hebrew | hiragana | hiragana-iroha | katakana | katakana-iroha | lower-latin | upper-latin 取值:
disc : CSS1 默認值。實心圓
circle : CSS1 空心圓
square : CSS1 實心方塊
decimal : CSS1 阿拉伯數字
lower-roman : CSS1 小寫羅馬數字
upper-roman : CSS1 大寫羅馬數字
lower-alpha : CSS1 小寫英文字母
upper-alpha : CSS1 大寫英文字母
none : CSS1 不使用項目符號
li 樣式|li去掉實心圓樣式
li{
list-style-type :none;
}
var viewport = new Ext.Viewport({
layout: 'border',
items: [
new Ext.BoxComponent({
region: 'north',
el: 'north-div',
// tbar: tb,
height: 26
}),
new Ext.tree.TreePanel({
region: 'west',
contentEl: 'west-div',
title: '樹列表',
split: true,
width: 200,
minSize: 175,
maxSize: 400,
collapsible: true,
margins: '0 0 0 0',
root: root
}),
{
region: 'center',
layout: 'border',
items: [
new Ext.grid.GridPanel({
region: 'center',
el: 'center-center',
title: '條目列表',
// ds: ds,
// cm: colModel,
autoScroll: true
}),
{
region: 'south',
contentEl: 'center-south',
title: '內容',
split: true,
collapsible: true,
titlebar: true,
height: 200,
minSize: 100,
maxSize: 400,
collapsedTitle: '內容'
}
]
},
new Ext.BoxComponent({
region: 'south',
el: 'south-div',
height: 24
})
]
});
<div id="north-div"><div id='toolbar-div'></div></div>
<div id="west-div"></div>
<div id='center-center'></div>
<div id='center-south'></div>
<div id="south-div">狀態欄</div>
<style>
ul{width:500px;}
ul li{width:50px;float:left;}
</style>
</head>
<body>
<ul>
<li>test1</li>
<li>test2</li>
<li>test3</li>
<li>test4</li>
<li>test5</li>
<li>test6</li>
<li>test</li>
<li>test</li>
<li>test</li>
<li>test</li>
<li>test</li>
<li>test</li>
<li>test</li>
<li>test</li>
</ul>
雙擊格式刷 選擇單元格 刷一次 然后單擊下一個單元格
The data must be in JSON format. The basic JSON obect is:
{}Put all other objects inside this. For example the JSON object with a title looks like this:
{ "title":{ "text": "Many data lines",
"style": "{font-size: 20px; color:#0000ff; font-family: Verdana; text-align: center;}" } }
All attributes are optional.
text: string, the title
style: string, the CSS style
Example:
{ "title":{ "text": "Many data lines",
"style": "{font-size: 20px; color:#0000ff; font-family: Verdana; text-align: center;}" } }
All attributes are optional.
text: string, the title for the Y axis
style: string, a CSS string
Example:
{ "y_legend":{ "text": "Open Flash Chart", "style": "{color: #736AFF; font-size: 12px;}" } }
This object is optional, if it is not present the chart will show a default X axis.
All attributes are optional.
stroke : number, the width of the line
tick-height : number, the height of the ticks
colour : string, the colour of the line
offset: boolean, x axis min (usually 0) is offset, used in bar charts
grid-colour: string, colour of the grid lines
3d: boolean, is it 3D
steps: show every n ticks
labels: array of strings, the labels of each X point
Example:
{ "x_axis":{ "stroke": 1, "tick_height": 10, "colour": "#d000d0", "grid_colour": "#00ff00",
"labels": ["January","February","March","April","May","June","July","August","Spetember"] } }
This object is optional, if it is not present the chart will show a default Y axis.
All attributes are optional.
Example:
{ "y_axis":{ "stroke": 4, "tick_length": 3, "colour": "#d000d0", "grid_colour": "#00ff00", "offset": 0, "max": 20 } }
Example:
{ "elements":[ { "type": "bar", "alpha": 0.5, "colour": "#9933CC", "text": "Page views", "font-size": 10,
"values" : [9,6,7,9,5,7,6,9,7] },
{ "type": "bar", "alpha": 0.5, "colour": "#CC9933", "text": "Page views 2", "font-size": 10,
"values" : [9,6,7,9,5,7,6,9,7] } ] }
A bar chart. Must be inside the elements array.
type: string, must be 'bar'
alpha: number, between 0 (transparent) and 1 (opaque)
colour: string, CSS colour
text: string, the key
font-size: number, size of the key text
values: array of numbers, height of each bar
Example:
{ "elements":[ { "type": "bar", "alpha": 0.5, "colour": "#9933CC", "text":
"Page views", "font-size": 10, "values" : [9,6,7,9,5,7,6,9,7] } ] }
A pie chart. Must be inside the elements array.
type: string, must be 'pie'
start-angle: number, the angle of the first pie slice
colours: array of strings, CSS colour
alpha: number, between 0 (transparent) and 1 (opaque)
stroke: number, the outline width
animate: boolean, animate the pie chart
values: array of objects, value of each pie slice. May be a number or a slice object
Example:
{ "elements":[ { "type": "pie", "start-angle": 180, "colours":
["#d01f3c","#356aa0","#C79810","#73880A","#D15600","#6BBA70"], "alpha": 0.6, "stroke": 2, "animate": 1,
"values" : [0,2,{"value":0,"text":"zero"},2,6] } ] }
Horizontal Bar chart
values: array of objects. Each value must have a "right" and an optional "left" value
Example:
{ "elements":[ { "type": "hbar", "colour": "#9933CC", "text": "Page views", "font-size": 10,
"values" : [{"right":10},{"right":15},{"left":13,"right":17}] } ] }
Line chart
values: Array of numbers:
Example: { "elements":[ { "type": "line_dot", "colour": "#736AFF",
"text": "Avg. wave height (cm)", "font-size": 10, "width": 2, "dot-size": 4,
"values" : [1.5,1.69,1.88,2.06,2.21,2.34,null,2.35,2.23,2.08] } ] }
Just a quick note of the 3 different line types:
Example:
{ "title":{ "text":"Many data lines", "style":"{font-size: 30px;}" },
"y_legend":{ "text":"Open Flash Chart", "style":"{font-size: 12px; color:#736AFF;}" },
"elements":[ { "type": "line", "colour": "#9933CC", "text": "Page views", "width": 2,
"font-size": 10, "dot-size": 6, "values" : [15,18,19,14,17,18,15,18,17] },
{ "type": "line_dot", "colour": "#CC3399", "width": 2, "text": "Downloads", "font-size": 10, "dot-size": 5,
"values" : [10,12,14,9,12,13,10,13,12] }, { "type": "line_hollow", "colour": "#80a033", "width": 2, "text":
"Bounces", "font-size": 10, "dot-size": 6, "values" : [5,7,9,7,4,6,1,2,5] } ], "y_axis":{ "max": 20 },
"x_axis":{ "steps": 2, "labels": ["January","February","March","April","May","June","July","August","September"] } }
Here is a simple JSON object that contains a horizontal bar chart:
{ "title":{ "text":"HBar Map X values", "style":"{font-size: 20px; font-family: Verdana; text-align: center;}" },
"elements":[ { "type": "hbar", "colour": "#9933CC", "text": "Page views", "font-size": 10,
"values" : [{"right":10},{"right":15},{"left":13,"right":17}] } ],
"x_axis":{ "min": 0, "max": 20, "offset": 0,
"labels": ["a","b","c","d","e","f","g","h","i","j","k","l","m","n","o","p","q","r","s","t","u","v"] },
"y_axis":{ "stroke": 14, "tick_length": 30, "colour": "#d09090", "grid_colour": "#00ff00", "offset": 1,
"labels": ["slashdot.org","digg.com","reddit.com"] } }$.post("/ajax.ashx",{suggest:txt},function(result){
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<html xmlns="<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>無標題文檔</title>
<script type="text/javascript" src="../lib/jquery.js"></script>
<script type='text/javascript' src='../jquery.autocomplete.js'></script>
<link rel="stylesheet" type="text/css" href="../jquery.autocomplete.css" />
<script type="text/javascript">
$(document).ready(function() {
$("#tags").autocomplete(["c++", "java", "php", "coldfusion", "javascript", "asp", "ruby", "python", "c", "scala", "groovy", "haskell", "pearl"], {
width: 320,
max: 4,
highlight: false,
multiple: true,
multipleSeparator: " ",
scroll: true,
scrollHeight: 300
});
$("#imageSearch").autocomplete("data.html", {
width: 320,
max: 40,
highlight: false,
scroll: true,
scrollHeight: 300,
formatItem: function(data, i, n, value) {
return "<img src='images/" + value + "'/> " + data+'-'+'-'+i+'-'+n+'-'+value+'-'+value.split(".")[0];
},
formatResult: function(data, value) {
return value.split(".")[0];
}
});
});
</script>
</head>
<body>
<input type="text" id='tags' />
<br />
<input type="text" id='imageSearch' />
</body>
</html>