第一篇：AnyChart圖表個人總結

AnyChart圖表個人總結

1、AnyChart介紹

AnyChart是一種先進的基于flash的數據可視化的解決方案，是用于構建復雜報表的理想工具，AnyCharts使用XML作為通用數據接口，這樣我們就能夠從任何數據源中使得數據可視化。AnyChart是完全跨瀏覽器和跨平臺的。很多種理由讓你選擇AnyChart解決方案：（1）圖表好看、動畫；（2）交互性強；（3）跨平臺；（4）不需要安裝、基于XML技術。接下來看一個具體的簡單的圖表（圖1）：

圖

1、水平直方圖

2、AnyChart數據的設置 2.1獲得數據（getData）

AnyChart通過配置XML文件獲得任何數據源的數據。

舉例：

用來存數據的，序列：數據集，

單條數據。

2.2用csv_data csv數據：

]]> 使用這個數據：

3、AnyChart實現一個簡單圖表

實現一個簡單的圖表，需要建一個工程，目錄可如下：

其中需要一個swf文件，一個js文件，一個html文件，一個xml文件。

swf文件主要是用來解析xml文件的數據格式生成圖表，AnyChart提供了很多種的swf文件。

js文件用來處理html數據的一些解析和一些數據操作的處理，AnyChart提供了一個AnyChart.js文件。

xml文件：實現數據的可視化。

html文件：顯示圖表的網頁。

具體的實現代碼：可參考官方網站提供的事例。

4、圖表的基本類型

圖表的基本類型主要大類有：折線圖，散點圖，堆積圖，餅狀圖和圓圈圖，氣泡圖，錐形圖和漏斗圖，熱區圖，雷達圖，極性圖。折線圖有：面積圖（Area Chart）、條線圖（Bar Chart、Line Chart）、圓柱圖（Column Chart）、圓錐圖（Cone Chart）、圓筒圖（Cylinder Chart）、金字塔圖（Pyramid Chart）、標記圖（Marker Chart）、散點圖有：散射線圖（Scatter Line）、分散氣泡圖（Scatter Bubble）、堆積圖有：按百分比堆積圖和按值堆積圖（Percent Stacked Chart 和 Stacked Chart）

餅狀圖和圓圈圖有：Pie/Doughnut Chart 氣泡圖有：Bubble Chart 漏斗圖和錐形圖有：Funnel/ Pyramid Chart 熱區圖有：HeatMap Chart和TreeMap Chart 雷達圖和極性圖有：Radar Chart 和Polar Chart 這些圖表都有共性：基本上都有軸，有序列，能夠設置軸的一些屬性（像方向，是否倒置，最大值和最小值），能夠設置風格（Styles），標簽，提示工具、用標記，用色彩調色板，用填充和填充調色板。都能設置多序列數據和圖例。

4.1 Area Chart 面積圖由軸和序列數據構成，一個軸是數字軸，一個軸是分類軸。

具體實現是：其中type為Area，就能建立一個面積圖，type可為Area、SplineArea，SplineArea是樣條面積圖。也可以這樣建立一個面積圖：通過設置

軸（Axis）的設置：可設置軸的方向，是否倒置，最大值和最小值。面積圖可設置風格（Styles），標簽，提示工具、用標記，用色彩調色板，用填充和填充調色板。

注意：軸的設置，風格設置，標簽和提示工具，標記，色彩調色板，填充和填充調色板，后面距離說明。

4.2 Bar Chart 和 Column Chart 考慮用條形圖時：（1）軸標簽是長的；（2）表示的值是繼續時間的。條形圖和柱狀圖的主要區別是：條形圖是水平的，柱狀圖是垂直方向的。

條形圖和柱狀圖：也是由軸和序列數據構成，軸也是一樣的，建立一個他們，設置為： ，設置type為Bar，水平的則為條形圖，垂直的則為柱狀圖，具體的設置： ，其中plot_type設置值的不同，可設置水平和垂直的，CategorizedHorizontal和CategorizedVertical分別為水平和垂直的，同時也可以像面積圖一樣設置成：也可以。條形圖和柱狀圖還設置成3D圖的，設置中enable_3d_mode的值為true就行。還能設置包含Z軸的3D圖，在設置包含Z軸的3D圖時要注意：除了設置，還要記得設置： 條形圖和柱狀圖也能設置軸的一些屬性，能調整條形之間的距離和條形組之間的距離：通過設置子節點中的point_padding和group_padding的大小調整。

條形圖和柱狀圖同樣能設置風格（Styles），標簽，提示工具、用標記，用色彩調色板，用填充和填充調色板。

4.3 Bubble Chart 氣泡圖：兩軸和序列數據，其中兩軸可為：一數值軸，一分類軸，就是折線圖；當兩軸都是數值軸時，也就變成了分散圖，也就是分散氣泡圖。

建立一個氣泡圖：設置中type為Bubble，

其中y值代表數字軸上的位置，size為氣泡大小。其中可設置氣泡的控制大小，具體設置在中子節點中的maximum_bubble_size和minimum_bubble_size的值。有時候可能氣泡之間能造成一個氣泡遮住了另一個氣泡（也就是氣泡重疊），為了防止氣泡重疊，可設置： 氣泡圖同樣能設置風格（Styles），標簽，提示工具、用標記，用色彩調色板，用填充和填充調色板，軸。

4.4 Cone Chart、Cylinder Chart 和 Pyramid Chart 他們同樣也是由兩軸（一個數字軸，一個分類軸）和序列數據構成。

建立：設置，其中shape_type為Cone、Cylinder、Pyramid，則分別為圓錐圖、圓筒圖和金字塔圖。

他們能設置3D的（參考條形圖的設置），還能設置堆積圖（下面再說明）。他們同樣能設置風格（Styles），標簽，提示工具、用標記，用色彩調色板，用填充和填充調色板，軸。

4.5 Japanese Candlestick Chart和Open High Low Close(OHLC)Chart 燭臺圖和高低圖：同樣兩軸和序列數據。主要使用情況在股票的一些圖中。

建立：設置則為燭臺圖，則為高低圖。他們中

有幾個屬性：open, high, low, close。

他們同樣能設置風格（Styles），標簽，提示工具、用標記，用色彩調色板，用填充和填充調色板，軸。

4.6 Line Chart 線條圖：同樣兩軸和序列數據。

建立：設置。其中type可設置兩值：Line，Spline，StepLineForward和StepLineBackward。其中設置StepLineForward和StepLineBackward兩者的區別是：圖表的顯示不同，下圖中左邊是StepLineForward圖，右邊是StepLineBackward圖，也就是StepLineForward圖中線是從前往后連的線，StepLineBackward圖中的線是從后往前連的線。

同樣，線條圖也能設置風格（Styles），標簽，提示工具、用標記，用色彩調色板，用填充和填充調色板，軸。

4.7 Marker Chart 標記圖：兩軸和序列數據

建立：。同樣，標記圖也能設置風格（Styles），標簽，提示工具、用標記，用色彩調色板，用填充和填充調色板，軸。4.8 Stacked Chart 堆積圖：其中有按百分比堆積，數值堆積的面積堆積圖/條形堆積圖/柱狀堆積圖，主要是在基本圖的基礎上堆積的。

設置 中的mode為PercentStacked，則為按百分比堆積，mode為Stacked，則為按值堆積。

同樣堆積圖也能設置風格（Styles），標簽，提示工具、用標記，用色彩調色板，用填充和填充調色板，軸。

4.9 Pie/ Doughnut Chart 餅狀圖和環形圖：考慮用單一餅狀圖和環形圖的情況：(1)只有一組數據；（2）沒有數據值為負；（3）數據沒有為0的；（4）數據類別不要太多（不要大于7個）；（5）數據類別是整體的部分。

建立：設置其中，plot_type為Pie時為餅狀圖，plot_type為Doughnut時為環形圖。

Pie/Doughnut能夠設置成3 D的，同樣也能設置風格（Styles），標簽，提示工具、用標記，用色彩調色板，用填充和填充調色板。

4.10 Range Chart 變化范圍圖：主要有：變化區域范圍圖和變化柱狀/條狀/圓筒范圍圖。

建立：設置，其中type為RangeArea時為區域范圍變化圖，type為RangeSplineArea時為區域齒狀范圍變化圖；同時設置時為線條范圍變化圖， 其中shape_type為不同的值，則為不同的范圍變化圖，其中shape_type可選值：Box 和Cylinder。

變化范圍圖：具體的還有一些設置中的子節點和。

4.11 Scatter Chart 分散圖：兩軸（不過兩軸都是數值軸）和序列數據。有散射線圖、分散氣泡圖和分散標記圖。

建立：設置其中plot_type為Scatter則為分散圖，具體到某種形狀的圖，要設置： ，type可為：Line，Bubble，Marker，其中

中x，y都是數值。

同樣分散圖也能設置軸，運用標簽和提示工具。

4.12 Funnel Chart 漏斗圖：兩軸和序列數據 建立：設置，plot_type為Funnel，其中中有以下幾個屬性：neck_height，min_width，padding，min_point_size，fit_aspect，inverted，這些參數的具體使用請查看AnyChart官方手冊中漏斗圖那一章節，為3D時還有一個mode（方還是圓）屬性設置。

漏斗圖同樣可設置成3D，可使用標簽和提示工具，可設置軸。

4.13 HeatMap和TreeMap 熱區圖和樹圖：兩軸和序列數據。建立：設置，plot_type不同，則為不同的圖，可為：HeatMap和TreeMap。同樣其他可設置的部分和大多數圖表一樣。

熱區圖：以特殊高亮的形式顯示訪客熱衷的頁面區域和訪客所在的地理區。樹圖：樹圖顯示矩形數據層次結構，樹的每一個分支是一個樹，然后跟較小的矩形樹組成一個樹圖，矩形的葉節點面積表示數據的維度。

4.14 Radar Chart 和Polar Chart 雷達圖

雷達圖是財務分析報表的一種。即將一個公司的各項財務分析所得的數字或比率，就其比較重要的項目集中劃在一個圓形的固表上，來表現一個公司各項財務比率的情況，使用者能一目了然的了解公司各項財務指標的變動情形及其好壞趨向。雷達圖主要應用于企業經營狀況——收益性、生產性、流動性、安全性和成長性的評價。

極性圖

極性圖上的點坐標表示到原點的距離和軸的夾角，具體的一些東西參看官方手冊。雷達圖和極性圖：兩軸和序列數據。

建立：設置，其中plot_type為polar為極性圖，為radar則為雷達圖。

在可設置圖表的半徑（radius）、開始角度，雷達圖可設置使用極坐標。

兩圖可驚醒x軸，y軸的一些設置，同樣也能使用標簽，提示工具等其他。其中極坐標：在平面內取一個定點O，叫極點，引一條射線Ox，叫做極軸，再選定一個長度單位和角度的正方向(通常取逆時針方向)。對于平面內任何一點M，用ρ表示線段OM的長度，θ表示從Ox到OM的角度，ρ叫做點M的極徑，θ叫做點M的極角，有序數對(ρ,θ)就叫點M的極坐標，這樣建立的坐標系叫做極坐標系。

5、測量儀表

測量儀表有圓形，水平，垂直行三種，主要包含軸，指針。測量儀表大致效果圖如下：

可設置軸：軸角度（開始角度和角度范圍），刻度標尺，軸標簽（可自定義軸標簽），軸刻度，顏色變化范圍，刻度線，標尺線和標尺條，多軸。

設置指針（Pointers）：指針形狀有標記指針，塊狀指針和條狀指針，具體設置：

，type可為：needle，knob和marker。

特殊標簽的設置，標簽的節點結構：

“ByPoint” 框架的設置：

測量儀的位置設置和調整。

6、儀表板

效果圖：

建立： 其中< /dashboard>中type設置為dashboard。儀表板布局設置：或者，模板布局有：2x2,3x3格子，1x3立式面板。

7、軸

軸基本設置（可設置多軸）：定義軸，標題，位置，標簽，軸刻度線和零刻度線，刻度，網格（Grids）

定義軸： 設置標題：