1. 程式人生 > >ECharts餅圖屬性的學習

ECharts餅圖屬性的學習

簡介
ECharts,縮寫來自Enterprise Charts,商業級資料圖表,一個純Javascript的圖表庫,可以流暢的執行在PC和移動裝置上,相容當前絕大部分瀏覽器(IE6/7/8/9/10/11,chrome,firefox,Safari等),底層依賴輕量級的Canvas類庫ZRender,提供直觀,生動,可互動,可高度個性化定製的資料視覺化圖表。創新的拖拽重計算、資料檢視、值域漫遊等特性大大增強了使用者體驗,賦予了使用者對資料進行挖掘、整合的能力。

支援折線圖(區域圖)、柱狀圖(條狀圖)、散點圖(氣泡圖)、K線圖、餅圖(環形圖)、雷達圖(填充雷達圖)、和絃圖、力導向佈局圖、地圖、儀表盤、漏斗圖、事件河流圖等12類圖表,同時提供標題,詳情氣泡、圖例、值域、資料區域、時間軸、工具箱等7個可互動元件,支援多圖表、元件的聯動和混搭展現。

這裡寫圖片描述

series元件的配置

series :[
{
    name : '詳情',
    type : 'pie',//型別:餅圖
    radius :[0,30%],
    label :{//文字標籤,有 normal, emphasis 兩個狀態
        normal :{
            position :'inner'
            }
    },
    selectedMode :'single',//是否支援多個選中(多選,單選)
    center: ['50%', '50%'],//橫座標,縱座標;百分比代表相對於容器來說
    radius :[0
,75%],//第一個是內半徑,第二個是外半徑。通過設定內半徑來達到圓環的效果 } ]