Echarts 餅圖標題文字換行問題

Echarts 餅圖標題文字換行問題


var option = {
   title : {
       text: '數據來源',
       x:'center'
   },
   tooltip : {
       trigger: 'item',
       formatter: "{b} : {c} ({d}%)"
   },
   legend: {
       orient: 'vertical',
       left: 'left',
       data: ['文章','論壇','漏洞','微博','知乎']
   },
   formatter:function(val){    return val.split("-").join("\n");},//此語句是讓legend 中的文字進行換行</span>
   series : [
       {
           name: '數據來源',
           type: 'pie',
           radius : '55%',
           center: ['50%', '60%'],
           data:[
               {value:100, name:'文章-文章'},
               {value:100, name:'論壇'},
               {value:1000, name:'漏洞'},
               {value:100, name:'微博'},
               {value:100, name:'知乎'}
           ],
           itemStyle: {
           normal:{
             label:{
             show:true,
             formatter:function(val){   //讓series 中的文字進行換行
                 return val.name.split("-").join("\n");}
             },
             labelLine:{
             show:true
             }
             },
               emphasis: {
                   shadowBlur: 10,
                   shadowOffsetX: 0,
                   shadowColor: 'rgba(0, 0, 0, 0.5)'
               }
           }
       }
   ],
  
};
以上是案例,把案例放在http://echarts.baidu.com/demo.html#pie-simple上運行一下




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