echarts label formatter

我們在用echarts做圖表時,默認label是一個樣式。這裏記錄下如何修改label樣式
      label: {
                 normal: {
                    // position: 'inner',
                     fontSize:14,
                     formatter: function(data) { 
                        
                        let a = data.name.split(' ')[0];
                        let b = data.name.split(' ')[1];
                        let c = data.name.split(' ')[2];
                        let d = data.name.split(' ')[3]; 
                          return a +'{a|' + b + '}'+c+'{b|' + d + '}'; 
                       
                    } , rich: {
                          a: {
                              color: '#CE4C4C',
                              fontSize:14, 
                          },
                          b: {
                              color: '#F0C69E',
                              fontSize:14, 
                          }
                      } 
                }
            },

效果如下:
在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章