數據可視化 課件 第8章 Pyecharts進階_第1頁
數據可視化 課件 第8章 Pyecharts進階_第2頁
數據可視化 課件 第8章 Pyecharts進階_第3頁
數據可視化 課件 第8章 Pyecharts進階_第4頁
數據可視化 課件 第8章 Pyecharts進階_第5頁
已閱讀5頁,還剩147頁未讀, 繼續免費閱讀

下載本文檔

版權說明:本文檔由用戶提供并上傳,收益歸屬內容提供方,若內容存在侵權,請進行舉報或認領

文檔簡介

1數據可視化第一章Pyecharts的基本使用第二章Pyecharts的進階使用第三章…第四章目錄Contents…第五章緒論2第三章Pyecharts的進階使用12345簡介全局配置項系列配置項組合圖表儀表板案例6本章小節3簡介1.41簡介在上一章中,介紹了各種類型圖表的作用、相關函數的用法以及使用示例。相信細心的讀者可以發現,在上一章介紹參數值時常常會提到全局配置項(global_options)和系列配置項(series_options)這兩個名詞,在設置圖表的各種屬性常常會使用到全局配置項和系列配置項中的函數,那么它們究竟是什么,又要怎么去理解呢?本章將會講解pyecharts的各種配置項。51簡介pyecharts將各種配置項分為兩類:①全局配置項;②系列配置項。全局配置項(globaloptions)中類的作用效果往往會體現在圖的某一個地方,可以理解為全局配置項的受體是所繪制圖的整個容器。而系列配置項(seriesoptions)恰恰與其相反,其中各種類所設置的并不能視為一個獨立的部分,而是附加在其他已有的組件上。系列配置項相較于全局配置項來說所設置的屬性效果沒有那么明顯,該部分功能的遷移性也更強,其中的類常常以接口的形式出現在其他函數的參數中。舉個通俗的例子:假如我們需要完成一篇論文,論文的核心部分無疑就是文字部分,這就相當于圖中用于呈現數據說明問題的主體部分,全局配置項相當于在設置論文的封面、頁碼、目錄等等輔助呈現主體文字部分的各種組件,而系列配置項就相當于是設置字體、字號、行距、顏色等等附加在其他組件的各種屬性。61簡介全局配置項中所常用的類在圖中對應區域如下圖所示:71簡介從該圖中我們可以看到,圖的標題、圖例、工具箱、坐標軸、區域縮放、視覺映射、提示框、指示器等等構成圖的組件都被劃分到全局配置項中。系列配置項所涉及到的部分有標簽、文字樣式、線樣式、點樣式、區域樣式、漣漪效果、圖元樣式等等。8全局配置項2.92全局配置項——初始化配置項在pyecharts包中基本上每一個不同類型圖表對應的類都有一個初始化配置項,該配置項主要是對畫布的屬性進行設置,其中還能對圖表的動畫進行設置。語法格式為:XXX(init_opts=opts.InitOpts())其中XXX表示任意一個圖表類,InitOpts()類的參數解釋如下:width:圖表畫布的寬度,單位是像素,值的類型為str字符串,默認值為“900px“。height:圖表畫布的高度,單位是像素,值的類型為str字符串,默認值為“500px“。chart_id:圖表ID,值類型是str字符串,在多圖表時用于區分不同圖表的唯一標識ID。102全局配置項——初始化配置項renderer:渲染風格,值可以是RenderType.CANVAS以及RenderType.SVG。page_title:網頁標題,值類型是str字符串,默認值為“Awesome-pyecharts“。theme:圖標主題,值類型為str字符串,默認值為“white“。bg_color:背景顏色,值類型是str字符串。js_host:遠程jshost,默認值為“/assets/“。animation_opts:動畫初始化配置,這里的參數需要用到AnimationOpts()。112全局配置項——初始化配置項例2-1在本例中,我們可以看到實現效果與沒有設置畫布長寬時區別不大,但其實畫布的大小發生了改變,當你轉換為圖片時能夠更加清晰的感覺到圖片大小的變化。在使用時,我們常常改變畫布的長寬來調整圖片的清晰度。122全局配置項——工具箱配置項本項用于設置工具箱的形式、位置等屬性,常常在set_global_opts()函數中應用,使用時的語法格式:XXX().set_global_opts(toolbox_opts=opts.ToolboxOpts())is_show:是否顯示工具欄,值類型為布爾類型。orient:工具欄的顯示方位,值類型為str字符串,可選值有“horizontal“、”vertical“。pos_left:工具欄離圖表左側邊界的距離。pos_right:工具欄離圖表右側邊界的距離。pos_top:工具欄離圖表上部邊界的距離。pos_bottom:工具欄離圖表底部邊界的距離。

其中XXX為任意一個圖表類,ToolboxOpts()類中的參數解釋如下:132全局配置項——工具箱配置項feature:工具箱中的各個工具的配置項,使用到ToolBoxFeatureOpts()類對其進行設置。與位置相關參數(以pos為前綴的四個參數)的各種取值對應的效果說明:參數值說明pos_left、pos_right“left“左對齊“center“居中“right“右對齊“20“或20具體像素值“20%“相對于容器寬的百分比pos_top、pos_bottom“top“頂端對齊“middle“居中“bottom”底端對齊“20“或20具體像素值“20%“相對于容器高的百分比142全局配置項——工具箱配置項例2-2152全局配置項——工具箱工具配置項工具箱工具中包含保存圖片、還原、數據視圖、區域縮放、動態類型切換、選框組件等組件可以進行設置。工具箱工具配置項是ToolboxOpts()類與其他組件配置項的連接。XXX().set_global_opts(toolbox_opts=ToolboxOpts(feature=opts.ToolBoxFeatureOpts()))save_as_image:保存為圖片工具組件的配置,使用ToolBoxFeatureSaveAsImageOpts()類對該組件進行配置。restore:還原圖形操作組件的配置,使用ToolBoxFeatureRestoreOpts()類對該組件進行配置。data_view:數據視圖工具,用具展示當前圖表所使用的數據,可以進行編輯更新實時調整當前的圖表,使用ToolBoxFeatureDataViewOpts()類進行配置。162全局配置項——工具箱工具配置項data_zoom:數據區域縮放項配置,該組件只對直角坐標系的圖表縮放有效果,使用ToolBoxFeatureDataZoomOpts()類進行配置。magic_type:動態類型切換,即實時更改當前數據的圖表類型,使用ToolBoxFeatureMagicTypeOpts()類進行配置。brush:選框組件控制,即實時框選圖表的某部分以作標記,使用ToolBoxFeatureBrushOpts()類進行配置。172全局配置項——工具箱選框組件配置項本項用于設置工具箱中的選框組件,在ToolBoxFeatureOpts類的brush參數中用該類進行設置,使用語法格式如下:XXX().set_global_opts(toolbox_opts=ToolboxOpts(feature=ToolBoxFeatureOpts(brush=opts.ToolBoxFeatureBrushOpts())))type_:開啟不同的區域選擇組件類型,可選值及其效果說明見表xx。rect_icon:矩形選框選擇功能按鈕的圖標路徑。polygon_icon:任意形狀選框選擇功能按鈕的圖標路徑。line_x_icon:橫向選擇功能按鈕的圖標路徑。line_y_icon:縱向選擇功能按鈕的圖標路徑。182全局配置項——工具箱選框組件配置項keep_icon:切換“單選”和“多選”模式功能按鈕的圖標路徑。clear_icon:清空所有選框功能按鈕的圖標路徑。rect_title:矩形選框選擇功能按鈕的提示文本。polygon_title:任意形狀選框選擇功能按鈕的提示文本。line_x_title:橫向選擇功能按鈕的提示文本。line_y_title:縱向選擇功能按鈕的提示文本。keep_title:切換“單選”和“多選”模式功能按鈕的提示文本。clear_title:清空所有選框功能按鈕的提示文本。192全局配置項——工具箱選框組件配置項type_中可選值以及對應效果說明:值說明“rect”開啟矩形選框選擇按鈕“polygon”開啟任意形狀選框選擇按鈕“lineX”開啟橫向選擇按鈕“lineY”開啟縱向選擇按鈕“keep”開啟切換“單選”和“多選”模式按鈕“clear”開啟清空所有選框按鈕202全局配置項——工具箱動態類型切換配置項該項用于設置工具箱中切換圖類型的組件,在ToolBoxFeatureOpts()類中的magic_type參數中用該類進行設置,使用語法格式如下:XXX().set_global_opts(toolbox_opts=ToolboxOpts(feature=ToolBoxFeatureOpts(magic_type=opts.ToolBoxFeatureMagicTypeOpts())))is_show:是否顯示該工具,值類型為bool類型。type_:開啟的動態切換圖表類型。line_title:切換為折線圖類型的提示語。bar_title:切換為柱狀圖類型的提示語。212全局配置項——工具箱動態類型切換配置項stack_title:切換為堆疊圖類型的提示語。tiled_title:切換為平鋪圖類型的提示語。line_icon:切換為折線圖類型的圖標icon的路徑。bar_icon:切換為柱狀圖類型的圖標icon的路徑。stack_icon:切換為堆疊圖類型的圖標icon的路徑。tiled_icon:切換為堆疊圖類型的圖標icon的路徑。type_參數可選值及對應效果說明如下:值說明“line”切換為折線圖“bar”切換為柱形圖“stack”切換為堆疊模式“tiled”切換為平鋪模式222全局配置項——工具箱區域縮放配置項本項用于設置工具箱中區域縮放組件,在ToolBoxFeatureOpts類的data_zoom參數中用該類進行設置,使用的語法格式如下:XXX().set_global_opts(toolbox_opts=ToolboxOpts(feature=ToolBoxFeatureOpts(data_zoom=opts.ToolBoxFeatureDataZoomOpts())))is_show:是否顯示該工具,值類型為bool類型。zoom_title:選擇縮放區域按鈕的提示語。back_title:縮放區域還原按鈕的提示語。zoom_icon:選擇縮放區域按鈕的圖標icon的路徑。back_icon:縮放區域還原按鈕的圖標icon的路徑。232全局配置項——工具箱區域縮放配置項xaxis_index:指定被控制的xAxis軸,默認控制所有的x軸;值為False時表示不控制任何的x軸;若設置為3,則是控制axisIndex為3的x軸;值為[0,3]時,則是控制axisIndex為0和3的x軸。yaxis_index:指定被控制的yAxis軸,默認控制所有的y軸,其他值與效果同上。xaxis_index與yaxis_index參數中可選值以及效果說明如下:值說明False不控制任何的軸0,1,2,3,…控制axisIndex為某值的x或y軸[0,1,2,3,…,x]同時控制列表中所有的axisIndex的軸242全局配置項——工具箱數據視圖工具配置項本項用于設置工具箱中的數據視圖組件,在ToolBoxFeatureOpts類的data_view參數中用該類進行設置,使用語法格式如下:XXX().set_global_opts(toolbox_opts=ToolboxOpts(feature=ToolBoxFeatureOpts(data_view=opts.ToolBoxFeatureDataViewOpts())))is_show:是否顯示該工具,值類型為bool類型。title:該工具的提示語。icon:顯示該工具圖標的路徑。is_read_only:是否設置為只讀模式,值類型為bool類型,默認為Faslse,即可讀可寫模式。252全局配置項——工具箱數據視圖工具配置項option_to_content:自定義dataView函數,用于取代默認的textarea,使用更豐富的數據編輯??梢苑祷豥om對象或者html字符串。content_to_option:在使用optionToContent的情況下,如果支持數據編輯后的刷新,需要自行通過該函數實現組裝option的邏輯。lang:數據視圖中的三個選項[‘數據視圖’,‘關閉’,‘刷新’]。background_color:數據視圖浮層背景色,值類型是str字符串。text_area_color:數據視圖文本輸入區背景色,值類型是str字符串。text_area_border_color:數據視圖文本輸入區邊框色,值類型是str字符串。text_color:數據視圖中數據的文本顏色,值類型是str字符串。button_color:數據視圖中按鈕的顏色,值類型是str字符串。button_text_color:數據視圖按鈕中的文本顏色,值類型是str字符串。262全局配置項——工具箱還原配置項該項用于設置工具箱中的還原組件,在ToolBoxFeatureOpts類的restore參數中用該類進行設置,使用語法格式如下:XXX().set_global_opts(toolbox_opts=ToolboxOpts(feature=ToolBoxFeatureOpts(restore=opts.ToolBoxFeatureRestoreOpts())))is_show:是否顯示該工具,值類型為bool類型。title:該工具的提示語。icon:顯示該工具圖標的路徑。272全局配置項——工具箱保存圖片配置項本項用于設置工具箱中的保存為圖片組件,在ToolBoxFeatureOpts類的save_as_image參數中使用該類進行設置,適用語法格式如下:XXX().set_global_opts(toolbox_opts=ToolboxOpts(feature=ToolBoxFeatureOpts(save_as_image=opts.ToolBoxFeatureSaveAsImageOpts())))is_show:是否顯示該工具,值類型為bool類型。title:該工具的提示語。icon:顯示該工具圖標的路徑。type_:保存圖片的類型,支持“png”、“jpeg”。name:保存文件名稱。background_color:保存圖片的背景色,默認值為“auto”。282全局配置項——工具箱保存圖片配置項connected_background_color:如果對多個圖表進行聯動,則該參數設置了exclude_components:保存為圖片時忽略的組件列表,默認忽略工具欄。pixel_ratio:保存圖片的分辨率比例,默認值為1,即和容器大小一樣。若想設置更高的分辨率,則將設置比1更大的數;反之,若設置比1小的數,保存的圖片分辨率會更低。292全局配置項——區域選擇組件配置項該項用于設置區域選擇組件,在set_global_opts類的brush_opts參數中使用該類進行設置,使用語法格式如下:XXX().set_global_opts(brush_opts=opts.BrushOpts())tool_box:設置brush相關的toolbox按鈕,值類型為列表。brush_link:該參數指定被聯動的series,值類型為列表或者字符串。當值為“all”時,表示所有的series都進行聯動;當值為列表時,會聯動列表中指定的series;None表示不啟用brush_link功能。series_index:指定被刷新的series,值類型為列表、整型、字符串等類型。當值為“all”時,表示所有的series可以被刷選;值為某個int類型時,表示指定seriesindex為該數字所對應的坐標系;值為列表類型時,表示指定列表中所有元素所對應的坐標系。302全局配置項——區域選擇組件配置項geo_index:指定哪些geo可以被刷選。我們可以指定全局刷選和坐標系刷選(相當于局部刷選),默認情況即使全局刷選,若想要坐標系刷選,選框可以跟隨坐標系的縮放和平移(roam和datazoom)而移動??梢灾付╞rush.geoIndex或brush.xAxisIndex或brush.yAxisIndex來指定在哪些坐標系中進行刷選。當值為“all”時,代表指定所有的series;值為列表時,表示指定列表中元素所對應的坐標系;值為某個int數值時,則是指定該數值所對應的坐標系。x_axis_index:指定哪些xAxisIndex可以被刷選,相關的值設定同上。y_axis_index:指定哪些yAxisIndex可以被刷選,相關的值設定同上。brush_type:設置刷子類型,默認值為“rect”。brush_mode:設置刷子的式模式,可以取值為“single”、“multiple”。默認值為“single”。312全局配置項——區域選擇組件配置項transformable:設置已經選好的選框是否可以被調整形狀或平移,值類型為bool類型,默認值為True。brush_style:選框樣式,值類型為字典,其中包含“borderWidth”、“color”、“borderColor”三個鍵,默認的值分別為1、“rgba(120,140,180,0.3)”、“rgba(120,140,180,0.8)”,我們可以通過該參數重新傳入相關的值。throttle_type:用于設置觸發brushSelected事件的條件或頻率。值的可選項有“debounce”和“fixRate”。當值為“debounce”時,表示只有停止動作了才會觸發事件。時間閾值由brush.throttleDelay指定;當值為“fixRate”時,表示按照一定的頻率觸發時間,時間間隔由brush.throttleDelay指定。322全局配置項——區域選擇組件配置項throttle_delay:該參數的值為int數值,默認值為0,即不開啟throttle。該參數以及throttle_type參數是為了解決頻繁的觸發brushSelected時間而造成動畫效果性能問題。remove_on_click:當brush_mode參數設置為“single”的條件下,表示是否支持清除所有的選框,值類型為bool類型。out_of_brush:定義再選中范圍外的視覺元素,以字典的類型進行配置。332全局配置項——區域選擇組件配置項tool_box參數的可選值以及對應效果說明如下:值說明“rect”開啟矩形選框選擇功能“polygon”開啟任意形狀選框選擇功能“lineX”開啟橫向選擇功能“lineY”開啟縱向選擇功能“keep”切換”單選”和”多選”模式?!癱lear”清空所有選框brush_type參數的可選值以及對應效果說明如下:值說明“rect”矩形選框“polygon”任意形狀選框“lineX”橫向選擇“lineY”縱向選擇342全局配置項——區域選擇組件配置項值說明“symbol”圖元的圖形類別“symbolSize”圖元的大小“color”圖元的顏色“colorAlpha”圖元顏色的透明圖“opacity”圖元以及相關組件的透明度“colorLightness”顏色的亮度“colorSaturation”顏色的飽和度“colorHue”顏色的色調out_of_brush可選值以及對應效果說明如下:352全局配置項——區域選擇組件配置項例2-3362全局配置項——區域選擇組件配置項從結果可以看到,右上角多了幾個選項,分別為矩形選擇、全選、保持選擇以及清除選擇,上圖是用矩形選擇之后的情況。372全局配置項——標題配置項該項用于設置圖表的標題,在set_global_opts函數的title_opts參數用該類進行設置,使用語法格式如下:XXX().set_global_opts(title_opts=opts.TitleOpts())title:主標題文本,支持\n換行。title_link:主標題跳轉鏈接,值類型為str字符串。設置該參數之后點擊主標題會跳轉到設置的鏈接。title_target:主標題跳轉鏈接的方式。可選參數有“self”和“blank”,當值為“self”時,即會在當前窗口打開鏈接;當值為“blank”,即在新窗口打開鏈接。本參數的默認值為“blank”。subtitle:設置副標題文本,同樣支持\n換行。subtitle_link:設置副標題跳轉鏈接。382全局配置項——標題配置項subtitle_target:設置副標題跳轉鏈接的方式,可選“self”、“blank”。pos_left:設置title離容器左側的距離。pos_right:設置title離容器右側的距離。pos_top:設置title離容器頂端的距離。pos_bottom:設置title離容器低端的距離。padding:標題內邊距,單位為像素px,值類型可以是int數值類型或者列表類型。若值為某個數字是,則內邊距的上、下、左、右等四個方向的內邊距都為該值;若值為列表且列表中只有兩個元素,則第一個元素設置上下方向的內邊距,第二個元素設置左右方向的內邊距;若值為列表且有4個元素,四個元素以上、右、下、左的順序來設置各個方向的內邊距。392全局配置項——標題配置項item_gap:設置主副標題之間的間距。title_textstyle_opts:主標題字體樣式配置項,利用series_options.TextStyleOpts類進行設置。subtitle_textstyle_opts:副標題字體樣式配置項,利用series_options.TextStyleOpts類進行設置。402全局配置項——標題配置項例2-4412全局配置項——標題配置項標題的默認位置都在左上角,在本例中給副標題設置了一個跳轉鏈接,當鼠標移至副標題處,鼠標會變成手的樣子,點擊之后就能跳轉到設置的鏈接。422全局配置項——區域縮放配置項本項用于設置工具箱中的區域縮放配置,在set_global_opts函數的datazoom_opts參數中用該類進行設置,使用語法格式如下:XXX().set_global_opts(datazoom_opts=opts.DataZoomOpts())is_show:是否顯示該組件,值類型為bool類型。若設置為false,雖然組件不會顯示,但是數據過濾的功能保留。type_:組件類型,可選值有“slider”和“inside”。is_realtime:設置更新系列的方式,值類型為bool值。若值為True,則會實時更新視圖;若值為False,則只會在拖拽結束的時候更新視圖。range_start:數據窗口范圍的起始百分比,值的范圍是0~100,即0%~100%。432全局配置項——區域縮放配置項range_end:數據窗口范圍的結束百分比,值的范圍是0~100,即0%~100%。start_value:數據窗口范圍的起始數值,值類型可支持int數值、str字符串、None等類型。若設置了range_start,則start_value失效。end_value:數據窗口范圍的結束數值,值類型可支持int數值、str字符串、None等類型。若設置了range_end,則end_value失效。orient:設置布局方式,可選值有“horizontal”和“vertical”。xaxis_index:設置dataZoom-inside組件控制的x軸。值類型可支持int數值、array數組等類型,若值為int數值,則表示控制該數值所對應的軸,若值為array數組,則控制array數組中所有元素所對應的軸。yaxis_index:設置dataZoom-inside組件控制的y軸,值設置同上。442全局配置項——區域縮放配置項is_zoom_lock:表示是否鎖定選擇區域即數據框口的大小,若值為true,數據窗口只能平移,不能縮放;反之,值設置為false,數據框口可以縮放以及平移。pos_left:設置dataZoom-slider組件離容器左側的距離。pos_top:設置dataZoom-slider組件離容器頂端的距離。pos_right:設置dataZoom-slider組件離容器右側的距離。pos_bottom:設置dataZoom-slider組件離容器底端的距離。452全局配置項——區域縮放配置項例2-5462全局配置項——區域縮放配置項從結果可以看到在圖的下方多出了一個長條形狀,設置了區域縮放組件之后則可以拖拽藍色陰影部分以選擇展示某一部分的數據而非同時顯示全部數據,本例中還重新設定了DataZoomOpts的range_start、range_end兩個參數,這兩個參數的作用是設定圖形初始的展示區域。472全局配置項——圖例配置項該項用于設置圖例相關的參數,在set_glocal_opts函數的legend_opts參數中使用該項進行設置,使用語法格式如下:XXX().set_global_opts(legend_opts=opts.LegendOpts())is_show:是否顯示圖例,值類型為bool類型。type_:圖例的類型,可選值為“plain”和“scroll”,當值為“plain”時,則為普通圖例,該值也為默認值;當值為“scroll”時,則為可滾動翻頁的圖例,一般用于圖表中系列數量過多時使用該選項。selected_mode:圖例選擇的模式,控制是否可以通過點擊圖例改變系列的顯示狀態,該值類型可以是缺省、str字符串、bool布爾等類型。當值為bool類型時,True表示設置為開啟圖例選擇,默認開啟,False則是設置為關閉;當值為str類型時,值可以是“single”和“multiple”,即單選或多選模式。482全局配置項——圖例配置項pos_left:設置圖例距離容器左側的距離。pos_right:設置圖例距離容器右側的距離。pos_top:設置圖例距離容器頂端的距離。pos_bottom:設置圖例距離容器底端的距離。orient:設置圖例列表的布局朝向,可選值有“horizontal”和“vertical”。align:圖例標記和文本的對齊方式,值類型為str字符串,默認值為“auto“,即自動調整,可選的值有”auto“、”left“、”right“。padding:圖例內邊距,單位為像素px,值類型為int整型,默認值為5.item_gap:圖例每項之間的間隔,值類型為int整型。橫向布局時為水平間隔,縱向布局時為縱向間隔,默認值為10。item_width:圖例標記的圖形寬度,值類型為int整型,默認值為25。item_height:圖例標記的圖形高度,值類型為int整型,默認值為14。492全局配置項——圖例配置項inactive_color:圖例關閉時的顏色,值類型為str字符串,默認值為“#ccc“。textstyle_opts:設置圖例中文字字體樣式,使用series_options.TextStyleOpts()類對文本樣式進行配置。legend_icon:圖例項的圖標icon,值為str字符串,可以為圖片鏈接、本地文件名、庫中提供的標記類型。502全局配置項——圖例配置項legend_icon參數的可選值以及效果說明如下:值說明“circle”圓形“rect“矩形“roundrect“圓角矩形“triangle“三角形“diamond“菱形“pin“大頭針形(類似于水滴倒置的形狀)“arrow“箭頭“none“不設置圖標512全局配置項——圖例配置項例2-6522全局配置項——圖例配置項本例中向Bar類中傳入四個系列的數據,還更改了圖例的位置、布局方向、圖標類型、圖標寬度、內邊距、關閉后的顏色等屬性,上圖中的效果是將series4數據關閉之后的效果。532全局配置項——視覺映射配置項本項用于設置視覺映射條組件,在set_global_opts函數的visualmap_opts參數中用該類進行設置,使用語法格式如下:XXX().set_global_opts(visualmap_opts=opts.VisualMapOpts())is_show:是否顯示visualmap視覺映射組件,值類型為bool類型。type_:映射過渡類型,可選值有“color”和“size”。min_:指定visualMapPiecewise組件的最小值,默認值為0。max_:指定visualMapPiecewise組件的最大值,默認值為100。range_text:兩端的文本,eg:[‘High’,Low’]。range_color:visualmap組件過渡顏色,值為以str字符串為元素的序列。range_size:visualmap組件過渡symbol大小,值為以int整型為元素的序列。542全局配置項——視覺映射配置項range_opacity:visualmap圖元及其附屬物的透明度。orient:visualmap組件的布局方位。pos_left:visualmap組件距離容器左側的距離。pos_right:visualmap組件距離容器右側的距離。pos_top:visualmap組件距離容器頂端的距離。pos_bottom:visualmap組件距離容器底端的距離。split_number:設置將連續性數據平均切分的段數,值類型為int整型,默認值為5,即自動切分為5段。series_index:指定取哪些series的數據,值類型可支持int整型、列表、none等,默認為全部。dimension:visualmap映射的維度,值類型為int。is_calculable:是否顯示拖拽用的手柄,用于調整選中范圍,值類型為bool類型。552全局配置項——視覺映射配置項is_piecewise:是否為分段型,值類型為bool類型。is_inverse:是否反轉visualmap組件,值類型為bool類型。pieces:自定義visualmap中每一段的范圍、對應文字以及對應的樣式,值類型為列表類型,其中每個元素都是一個字典,每個字典所包含的鍵可以有“min“、”max”、“label”、“value”、“color”等。每個字典設置一段的各種屬性,當字典中只指定min而不指定max時,表示max為無限大即正無窮;當只指定max,而不指定min時,min為無限小即負無窮;當指定min和max即為一段的起始值和終止值;當只指定value時,表示數據為指定值時的情況,可以理解為標記某個數值的所有點;除此之外,每個字典中都可以對其進行設置label標簽以及color顏色。out_of_range:在選中范圍外的視覺元素設置。item_width:visualmap組件的高度,值類型為int整型數值。562全局配置項——視覺映射配置項item_height:visualmap組件的高度,值類型為int整型數值。background_color:visualmap組件的背景色值類型為str字符串。border_color:設置visualmap組件邊框顏色,值類型為int整型,單位為像素px。border_width:設置visualmap邊框的線寬,值類型為int整型,單位為像素px。textstyle_opts:設置文字字體樣式,使用series_options.TextStyleOpts()類對文本樣式進行配置。572全局配置項——視覺映射配置項out_of_range參數的可選值以及效果說明如下:值說明“symbol”圖元的圖形類型。“symbolSize”圖元的大小“color”圖元的顏色“colorAlpha”圖元顏色的透明度“opacity”圖元以及其他附屬物的透明度“colorLightness”顏色的明度“colorSaturation”顏色的飽和度“colorHue”顏色的色調582全局配置項——視覺映射配置項例2-7592全局配置項——視覺映射配置項602全局配置項——提示框配置項該項用于設置提示框組件,當鼠標移動到數據項上會自動彈出一個框,上面標記了有關該數據項的詳細信息,提示框組件的作用即是補充圖信息,使用的語法格式如下:XXX().set_global_opts(tooltip_opts=opts.TooltipOpts())is_show:是否顯示提示框,包括提示框浮層和axisPointer,值類型為bool類型。trigger:設置觸發類型,可選參數有“item”、“axis”、“none”等,分別代表數據項圖形觸發(在散點圖、餅圖等無類目軸的圖表中使用)、坐標軸觸發(在柱狀圖、折線圖等有類目軸的圖表中使用)、什么都不觸發。612全局配置項——提示框配置項trigger_on:設置提示框觸發的條件,可選參數有“mousemove”、“click”、“mousemove|click”、“none”等,分別代表鼠標移動時觸發、鼠標點擊時觸發、鼠標移動和點擊時觸發、不在鼠標移動或點擊時觸發,默認值為“mousemove”。axis_pointer_type:設置指示器類型,可選參數有“line”、“shadow”、“none”、“cross”,分別代表直線指示器、陰影指示器、無指示器、十字準星指示器,默認值為“line”。formatter:設置標簽內容格式器。background_color:設置提示框浮層的背景顏色,值類型為str字符串。border_color:設置提示框浮層的邊框顏色,值類型為str字符串。border_width:設置提示框浮層的邊框寬,默認值為0。textstyle_opts:設置提示框中文字字體樣式,使用series_options.TextStyleOpts()類對文本樣式進行配置。622全局配置項——提示框配置項formatter參數的語法說明:類型模板變量說明字符串模板eg:formatter=“:{c}”{a}系列名數據名{c}數據值{@xxx}數據中名為’xxx’維度的值{@[n]}數據中維度為n的值(起始值為0)

鍵說明回調函數格式如下:(params:Object|Array)=>Stringcomponent“series”seriesType系列類型seriesIndex在傳入option.series中的indexseriesName系列名稱name數據名、類目名dataIndex數據在data數組中的indexdata傳入的原始數據項value傳入的數據值color數據圖形的顏色,值類型為str字符串632全局配置項——提示框配置項例2-8642全局配置項——提示框配置項652全局配置項——坐標軸配置該項用于設置坐標軸的各項參數,在set_global_opts函數的xaxis_opts、yaxis_opts參數中用該項進行設置,使用語法格式如下:XXX().set_global_opts(xaxis_opts=opts.AxisOpts(),yaxis_opts=opts.AxisOpts(),)is_show:是否顯示軸。type_:坐標軸的類型,可選值有“value”,即數值軸,常用于連續數據;“category”,即類目軸,常用于離散的類目數據,注意該類型的數據軸必須通過data設置類目數據;“time”,即時間軸,常用于連續的時序數據,相比于數值軸來說,時間軸帶有時間的格式化,在刻度計算上也會有所不同;“log”,即對數軸,常用于對數數據。name:坐標軸名稱,值類型為str字符串類型。662全局配置項——坐標軸配置is_scala:只在類型為“value”的軸中有效,是否去掉0值,當值為true時,軸的刻度上不會強制包含零刻度,一般常用于雙數值軸的散點圖中。注意,若設置了min和max,則該參數失效。is_inverse:是否反向坐標軸,值類型為bool類型,默認值為False。name_location:坐標軸名稱的顯示位置,可選值有“start”、“middle”、“center”、“end”,默認值為“end”。name_gap:坐標軸名稱與軸線之間的距離,默認值為15。name_rotate:坐標軸名字旋轉角度。interval:強制坐標軸分割間隔,一般配合min、max強制刻度劃分,無法在類目軸中使用,時間軸中傳入時間戳,對數軸中傳入指數值即可。grid_index:軸所在的grid索引,默認為第一個grid。672全局配置項——坐標軸配置position:軸的位置,若在設置x軸,可選值有“top”、“bottom”;若設置y軸,可選值有“left”、“right”。offset:軸相對默認位置的偏移量,當一個圖中有多個y軸或x軸時可以用于區分多個軸。split_number:坐標軸的分隔段數,默認值為5。注意分隔段數是預估值,顯示時會根據易讀程度再進行相應的調整。boundary_gap:坐標軸兩側留白,注意該參數對于類目軸和非類目軸實現的效果不同,值類型可支持str字符串、bool布爾、none等類型。類目軸中該參數設置為true或false,默認值為true,效果為刻度只作為分隔線,標簽和數據點會在兩個刻度之間的位置;若再非類目軸中,值類型為一個包含兩個值的數組,分別表示數據最小值和最大值的延伸范圍,注意當設置min和max參數之后會失效,示例[‘10%’,‘15%’]。682全局配置項——坐標軸配置min_:坐標軸刻度最小值,值類型包括數字、str字符串、none等類型。當值為“dataMin”特殊值時,取該軸上最小值作為最小刻度;缺省時,會自動計算最小值并保證刻度的分布均勻;在類目軸中,設置為類目的序數;也可以設置為負數。max_:坐標軸刻度最大值,值類型包括數字、str字符串、none等類型。本參數的特殊值為“dataMax”,其他值的設定同上。min_interval:自動計算的坐標軸最小間隔大小,默認值為0。max_interval:自動計算的坐標軸最大間隔大小,若在時間軸中,可以設置為3600*24*1000從而保證坐標軸分割刻度最大為一天。axisline_opts:該參數設置坐標軸刻度線,使用global_options.AxisLineOpts()類進行配置。axistick_opts:該參數設置坐標軸刻度,使用global_options.AxisTickOpts()類進行配置。692全局配置項——坐標軸配置axislabel_opts:該參數設置坐標軸標簽,使用global_options.AxisPointerOpts()類進行配置。axispointer_opts:該參數設置坐標軸指示器,使用global_options.AxisLineOpts()類進行配置。

name_textstyle_opts:該參數設置坐標軸名稱的文字樣式,使用series_options.TextStyleOpts()類進行配置。splitarea_opts:該參數設置分割區域,使用series_options.SplitAreaOpts()類進行配置。splitline_opts:該參數設置分割線,使用series_options.SplitLineOpts()類進行配置。702全局配置項——坐標軸配置1.坐標軸軸線配置項該項用于設置軸線的屬性,在AxisOpts類的axisline_opts參數中使用該類進行設置,使用語法格式如下:XXX().set_global_opts(xaxis_opts=opts.AxisOpts(axisline_opts=opts.AxisLineOpts()),yaxis_opts=opts.AxisOpts(),)is_show:是否顯示坐標軸軸線,值類型為bool類型。is_on_zero:軸是否在另一個軸的0刻度線上,值類型為bool類型,默認值為True,注意該參數只有在另一個軸中有0刻度時生效。on_zero_axis_index:當另一維度上包含不止一個軸時,使用該參數用于指定本軸在哪一個軸的0刻度線上。712全局配置項——坐標軸配置symbol:設置軸線兩端的箭頭,當值為”none”時,表示不顯示箭頭,該值為默認值;當值為”arrow”時,兩端都設置為箭頭;若設置為[“none”,“arrow”],則在軸的末端顯示箭頭,反之則是在軸的起始端顯示箭頭。linestyle_opts:該參數設置坐標軸先樣式,使用series_options.LineStyleOpts()類進行配置。2.坐標軸刻度配置項該項用于設置坐標軸的刻度,在AxisOpts類的axistick_opts參數中用該類進行設置,使用語法格式如下:XXX().set_global_opts(xaxis_opts=opts.AxisOpts(axistick_opts=opts.AxisTickOpts()),yaxis_opts=opts.AxisOpts(),)722全局配置項——坐標軸配置is_show:是否顯示坐標軸刻度,值類型為bool類型。is_align_with_label:boundaryGap為true時該參數有效,用于使刻度線和標簽對齊。is_inside:坐標軸刻度是否朝內,值類型為bool類型,默認值為False,即朝外。length:坐標軸刻度的長度。linestyle_opts:坐標軸線樣式配置,使用series_optionsLineStyleOpts()類進行配置。3.坐標軸指示器配置項該項用于設置坐標軸指示器,坐標軸指示器是隨著鼠標的動作隨時顯示當前位置信息的組件,使用語法格式如下:732全局配置項——坐標軸配置XXX().set_global_opts(xaxis_opts=opts.AxisOpts(axispointer_opts=opts.AxisPointerOpts()),yaxis_opts=opts.AxisOpts(),)is_show:是否顯示坐標軸指示器,值類型為bool類型。link:講不通的axisPointer進行聯動,值類型為一個數組,每一項代表一個linkgroup,每個group中的坐標軸互相聯動。type_:指示器類型,可選值有“line”、“shadow”、“none”等,分別表示直線指示器、陰影指示器、無指示器。label:該參數設置坐標軸指示器的文本標簽,使用series_options.LabelOpts()類進行設置。linestyle_opts:該參數設置坐標軸線樣式,使用series_options.LineStyleOpts()類進行設置。742全局配置項——坐標軸配置例2-9752全局配置項——坐標軸配置本例中設置了x軸的名稱、名稱的旋轉角度、線兩端的標記、軸刻度等屬性,同時對y軸設置了名稱、線兩端的標記、軸刻度的朝向、軸刻度長度、指示器等屬性。762全局配置項——畫圖動畫配置項該項用于設置圖的動畫效果,在InitOpts類的animation_opts中進行設置,使用語法格式如下:XXX(init_opts=opts.InitOpts(animation_opts=opts.AnimationOpts(),))animation:是否開啟動畫,值類型為bool類型。animation_threshold:設置開啟動畫的閾值,當某個系列顯示的圖形數量大于這個閾值則會關閉動畫,默認值為2000。animation_duration:初始動畫的時長,默認值為1000。animation_easing:初始動畫的緩動效果,默認值為“cubicOut”。animation_delay:初始動畫的延遲,默認值為0。支持回調函數,即可根據不同的數據返回不同的delay時間實現更精細的初始動畫效果。772全局配置項——畫圖動畫配置項animation_duration_update:數據更新動畫的時長,默認值為300。支持回調函數,即可根據不同情況設定不同的刷新效果,達到最佳的性能與效果。animation_easing_update:數據更新動畫的緩動效果,默認值為“cubicOut”。animation_delay_update:數據更新動畫的延遲,默認值為0,支持回調函數,可以根據不同數據返回不同的delay時間實現更精細的更新動畫效果。782全局配置項——畫圖動畫配置項例2-10792全局配置項——畫圖動畫配置項本例中設置了動畫延遲效果animation_delay,該參數默認值為0,現在將其設置為2000,當我們運行完成之后將會延遲兩秒才顯示柱狀圖的各個柱子。80系列配置項3.813系列配置項——圖元樣式配置項該項用于設置各個圖形中各種區域中的樣式,例如柱形圖中的柱子、散點圖的點等等,參數說明如下:classItemStyleOpts()color:圖形的顏色,支持RGB或者RGBA兩種顏色表示方式,例”rgb(0,0,0)”,“rgba(0,0,0,0.5)”;除此之外也支持使用十六進制格式,例”#ccc”。color0:陰線圖形的顏色。border_color:圖形的描邊顏色,不支持回調函數。border_color0:圖形的描邊顏色。opacity:圖形透明度,取值范圍為[0,1],當取0時不繪制該圖形。823系列配置項——文字樣式配置項該選項用于設置文字樣式,參數說明如下:classTextStyleOpts()color:設置文字顏色。font_style:設置文字字體的樣式,可選值有”normal”、”italic”、“oblique”等。font_weight:設置主標題文字字體的粗細,可選值有”normal”、”bold”、”bolder”、”lighter”。font_family:設置文字的字體系列,可選值有”serif”、”monospace”、”Arial”、”CourierNew”、”MicrosoftYaHei”,……font_size:設置文字的字體大小。align:設置文字水平對齊方式,默認值為自動。vertical_align:設置文字垂直對齊方式,默認值為自動。

833系列配置項——文字樣式配置項line_height:設置行高。background_color:設置文字塊背景色。border_color:設置文字塊邊框顏色。border_width:設置文字塊邊框寬度。border_radius:設置文字塊的圓角。padding:文字塊的內邊距,值類型支持數字、序列、none等類型。若值為序列且其中有4個元素,則分別設置上、右、下、左的邊距;若值為序列且其中只有兩個元素,則分別設置上下、左右邊距;若值為數字,則上下左右四個方向的內邊距相同且為該值。shadow_color:設置文字塊的背景陰影顏色。shadow_blur:設置文字塊的背景陰影長度。width:設置文字塊的寬度。height:設置文字塊的高度。rich:自定義富文本樣式。843系列配置項——標簽配置項該項用于設置標簽的屬性,參數說明如下:classLabelOpts()is_show:是否顯示標簽,值類型為bool類型。position:設置標簽顯示的位置,可選值有”top”、”left”、”right”、”bottom”、”inside”、”insideLeft”、”insideRight”、”insideTop”、”insideBottom”、”indiseTopLeft”、”insideBottomLeft”、”insideTopRight”、”insideBottomRight”,默認值為”top”。color:設置文字的顏色,若設置為”auto”,則為視覺映射得到的顏色。font_size:設置文字字體的大小,默認值為12。font_style:設置文字字體的樣式,可選值有”normal”、”italic”、”oblique”等。853系列配置項——標簽配置項font_weight:設置文字字體的粗細,可選值有”normal”、”bold”、”bolder”、”lighter”等。font_family:設置文字的字體系列,可選值有”serif”、”monospace”、”Arial”、”CourierNew”、”MicrosoftYaHei”……rotate:標簽旋轉,值的范圍[-90,90],正值為逆時針,負值為順時針。margin:刻度標簽與軸線之間的距離,默認值為8。interval:坐標軸刻度標簽的顯示間隔,作用于類目軸,設置的數值n可以理解為間隔n個標簽顯示一個標簽。當值為0時,即為顯示全部標簽;當值為1時,即為間隔一個標簽顯示一個標簽;依此類推……默認會采用標簽不重疊的間隔顯示標簽。該參數支持回調函數,格式:(index:number,value:string)=>boolean,第一個參數為類目的index,第二個值為類目名成,跳過則返回false。863系列配置項——標簽配置項horizontal_align:設置文字水平對齊方式,默認值為自動,可選值有”left”、”center”、”right”等。vertical_align:設置文字垂直對齊方式,默認值為自動,可選值有”top”、”middle”、”bottom”等。formatter:標簽內容格式器,支持字符串模板和回調函數兩種形式,返回的字符串支持\n換行。在trigger為“axis“時,會有多個系列的數據,可以通過{a0}、{a1}等加索引的方式表示不同的軸。rich:自定義富文本樣式。873系列配置項——標簽配置項formatter參數的語法說明:模板變量折線(區域)圖、柱狀(條形)圖、k線圖散點(氣泡)圖地圖餅圖、儀表盤、漏斗圖{a}系列名稱系列名稱系列名稱系列名稱類目值數據名稱區域名稱數據項名稱{c}數值數值數組合并數值數值u8vexku---百分比883系列配置項——線樣式配置項該項用于設置線的樣式,參數說明如下:classLineStyleOpts()is_show:是否顯示線,值類型為bool類型。width:設置線寬,默認值為1。opacity:設置圖形透明度,數值范圍[0,1],當值設為0時,則不繪制該圖形。curve:設置線的彎曲度,默認值為0,即不彎曲。type_:設置線的類型,可選值有”solid”、”dashed”、”dotted”等,默認值為”solid”。color:設置線的顏色,支持RGB或者RGBA兩種顏色表示方式,例”rgb(0,0,0)”,“rgba(0,0,0,0.5)”;除此之外也支持使用十六進制格式,例”#ccc”893系列配置項——分割線配置項該項用于設置分割線,參數說明如下:classSplitLineOpts()is_show:是否顯示分割線,值類型為bool類型。linestyle_opts:設置線樣式,使用series_options.SplitLineOpts()類進行設置。903系列配置項——標記點數據項該項用于設置標記點的數據項,參數說明如下:classMarkPointerItem()name:設置標注的名稱。type_:設置特殊的標注類型,可選值有”min”、”max”、”average”等,分別為最小值、最大值、平均值。value_index:用于指定哪個維度上進行特殊標注,注意該參數在使用type參數之后才有效。當值為0時,即表示xAxis或radiusAxis;當值為1時,即表示yAxis或angleAxis。value_dim:用于指定哪個維度上進行特殊標注,該參數直接指定軸的名稱。coord:標注的坐標。x:相對容器的x坐標,單位為像素。y:相對容器的y坐標,單位為像素。913系列配置項——標記點數據項value:標注值,該參數為可選項。symbol:標記的樣式,可選值有”circle”、”rect”、”roundRect”、”triangle”、”diamond”、”pin”、”arrow”、”none”等。symbol_size:標記的尺寸大小,可支持數字和列表,當值為列表時,需要包含兩個元素,分別設置寬和高。itemstyle_opts:該參數設置標記點的樣式,使用series_options.ItemStyleOpts()類進行設置。923系列配置項——標記點配置項該項用于設置標記點的樣式,參數說明如下:classMarkPointerOpts()data:標記點的數據,使用series_options.MarkPointItem()類進行配置。symbol:設置用于標記的樣式,可選值有”circle”、”rect”、”roundRect”、”triangle”、”diamond”、”pin”、”arrow”、”none”等。symbol_size:標記的尺寸大小,可支持數字和列表,當值為列表時,需要包含兩個元素,分別設置寬和高。label_opts:設置標簽樣式,使用series_options.LabelOpts()類進行設置。933系列配置項——標記線數據項該項用于設置標記線的數據項,參數說明如下:classMarkLineItem()name:設置標注名稱。type_:設置標注類型,可選值有”min”、”max”、”average”等。x:相對容器的x坐標,單位為像素。y:相對容器的y坐標,單位為像素。value_index:于指定哪個維度上進行特殊標注,注意該參數在使用type參數之后才有效。當值為0時,即表示xAxis或radiusAxis;當值為1時,即表示yAxis或angleAxis。value_dim:用于指定哪個維度上進行特殊標注,該參數直接指定軸的名稱。943系列配置項——標記線數據項symbol:設置用于標記的樣式,可選值有”circle”、”rect”、”roundRect”、”triangle”、”diamond”、”pin”、”arrow”、”none”等。symbol_size:標記的尺寸大小,可支持數字和列表,當值為列表時,需要包含兩個元素,分別設置寬和高。953系列配置項——標記線配置項該項用于設置標記線的屬性,參數說明如下:classMarkLineOpts()is_silent:圖形是否不響應和觸發鼠標事件,默認值為False,即響應和觸發鼠標事件。data:標記線數據,使用series_options.MarkLineItem()類進行設置。symbol:設置標記線兩端的標記類型。symbol_size:設置標記類型的尺寸大小。precision:設置標記線數值的精度,一般用于顯示平均線。label_opts:設置標簽樣式,使用series_options.LabelOpts()類進行設置。linestyle_opts:設置標記線樣式,使用series_options.LineStyleOpts()類進行設置。963系列配置項——標記區域數據項該項用于設置標記區域的數據項,參數說明如下:classMarkAreaItem()name:設置區域名稱。type_:設置標注類型,可選值有”min”、”max”、”average”等。value_index:于指定哪個維度上進行特殊標注,注意該參數在使用type參數之后才有效。當值為0時,即表示xAxis或radiusAxis;當值為1時,即表示yAxis或angleAxis。value_dim:用于指定哪個維度上進行特殊標注,該參數直接指定軸的名稱。x:相對容器的x坐標,單位為像素,支持百分比形式。y:相對容器的y坐標,單位為像素,支持百分比形式。label_opts:設置標簽樣式,使用series_options.LabelOpts()類進行設置。itemstyle_opts:設置數據項區域樣式,使用series_options.ItemStyleOpts()類進行設置。973系列配置項——標記區域配置項該項用于設置標記區域的屬性,參數說明如下:classMarkAreaOpts()is_silent:圖形是否不響應和觸發鼠標事件,默認值為False,即響應和觸發鼠標事件。label_opts:設置標簽樣式,使用series_options.LabelOpts()類進行設置。data:標記區域數據,使用series_options.MarkAreaItem()類進行設置。

983系列配置項——漣漪特效配置項該項用于設置漣漪特效,參數說明如下:classEffectOpts()is_show:是否顯示特效,值類型為bool類型。brush_type:設置波紋的繪制方式,可選值有”stroke”、”fill”,默認值為”stroke”,注意該參數在Scatter中有效。scale:設置動畫中波紋的最大縮放比例,在Scatter類中有效,默認值為2.5。period:設置動畫的周期,單位是秒,在Scatter類中有效,默認值為4。color:設置特效標記的顏色。symbol:設置用于特效圖形的樣式,可選值有”circle”、”rect”、”roundRect”、”triangle”、”diamond”、”pin”、”arrow”、”none”等。993系列配置項——漣漪特效配置項symbol_size:特效標記的大小,可以支持數字和列表,當值為列表時需包含兩個元素,分別設置標記的寬和高。trail_length:設置特效尾跡的長度,取值范圍為[0,

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯系上傳者。文件的所有權益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網頁內容里面會有圖紙預覽,若沒有圖紙預覽就沒有圖紙。
  • 4. 未經權益所有人同意不得將文件中的內容挪作商業或盈利用途。
  • 5. 人人文庫網僅提供信息存儲空間,僅對用戶上傳內容的表現方式做保護處理,對用戶上傳分享的文檔內容本身不做任何修改或編輯,并不能對任何下載內容負責。
  • 6. 下載文件中如有侵權或不適當內容,請與我們聯系,我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論