echarts如何設置隐藏功能?Echarts制作圖表簡單好用，怎麼配置formatter屬性呢？，今天小編就來說說關于echarts如何設置隐藏功能?下面更多詳細答案一起來看看吧!

echarts如何設置隐藏功能

Echarts制作圖表簡單好用，怎麼配置formatter屬性呢？

// 使用字符串模闆，模闆變量為圖例名稱 {name} formatter: 'Legend {name}' // 使用回調函數 formatter: function (name) { return 'Legend ' name; }

默認的a,b,c,d又分别有什麼含義？

折線（區域）圖、柱狀（條形）圖: a（系列名稱），b（類目值），c（數值）, d（無） 散點圖（氣泡）圖 : a（系列名稱），b（數據名稱），c（數值數組）, d（無） 餅圖、雷達圖 : a（系列名稱），b（數據項名稱），c（數值）, d（百分比） 弦圖 : a（系列名稱），b（項1名稱），c（項1-項2值），d（項2名稱)， e(項2-項1值)

除了，使用這幾個固定的formatter字母外，我們還可以使用自定的值

// formatter,自定義展示的内容，其中p,q為自己定義的值，item.p為p的值， \n 表示換行的意思 formatter: '{b|{b}}\n{p|P:' item.p 'KW}\n{q|Q:' item.q 'KW}', backgroundColor: { // label的背景 image:bgcolor, }, borderColor: '#aaa', borderWidth: 1, borderRadius: 4, rich: { // rich可以設置p q b 的樣式，即 | 左側定義的内容 p: { // 自定義的p的樣式 color: '#3c3c3c', lineHeight: 22, align: 'center' }, q:{ // 自定義的q的樣式 color: '#3c3c3c', lineHeight: 22, align: 'center' }, b: { // b的樣式 color: '#000', fontSize: 14, lineHeight: 20 }, }

更多精彩资讯请关注tft每日頭條，我们将持续为您更新最新资讯!