使echarts图例过多处理的图例文本与图标顶部对齐

来源：蜘蛛抓取(WebSpider) 时间：2018-12-25 09:48 标签： echarts图例过多处理

1. 如下图所示图的位置大小以及圖例的位置：

2. 代码如下图所示：legend位置（图例位置），radius大小（图大小）center位置（图位置） 

 

 
 

 
 

   4. 代码如下图所示：graphic中间文字设置以及一些样式
 
 

  



                            

                                                    

                                

  

    　　图例组件离容器左（右上，下）侧的距离
  

  

    //默认横向布局，纵向布局值为'vertical'
  

  

    4.图例每项之间的间隔（itemGap）
  

  

    　　图例每项之间的间隔横向布局时为水平间隔，纵向布局时為纵向间隔
  

  

    　　 每个图例图形的宽度/高度。
  

  

    　　用来格式化图例文本支持字符串模板和回调函数两种形式。
  

  

    
// 使用字符串模板模板变量为图例名称 {name}
 

  

  

    　　点击图例可以显示/隐藏该图例所示图表
  



                            

                                                

                    

                

            

            


            

                
我要回帖

                

                    

                        
                        
                    

                

            

            

                        

                
更多关于 echarts图例过多处理 的文章

                

                    
                

            

                    

        

            

                
 

                


                

            

            

            

                
随机推荐