我是靠谱客的博主 跳跃羽毛,最近开发中收集的这篇文章主要介绍Echarts饼图加载多个和设置字体,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

设置字体
 series : [
    {
        type:'pie',
        radius : '55%',
        center: ['50%', '60%'],
        itemStyle: {
            normal: {
               label: {
            	  formatter: '{b} : {c} ({d}%)',
                  textStyle: {
                     fontSize: 25
                  }
               }
            }
       },
        data:(function(){
        
        })()
    }
]



加载多个饼图 返回一个数组
var serie = [], pieData = [], count = 0;
for (var i = 0; i < data.length; i++) {
	// 一个二维数组就是一个图表
	pieData[i] = [];
	for (var j = 0; j < data[i].pie.length; j++) {
		pieData[i].push({
			value : data[i].pie[j],
			name : data[i].name + " "+ pieEcharts.flagName[j]
		});
	}
	var item = {
		name : data[i].name,
		type : "pie",
		radius : "45%",
		// 设置偏移
		center : [ ((i + 1) * 25) + '%', '55%' ],
		itemStyle: {
            normal: {
                label: {
                    show: true,
                    formatter: "{b}:n{c}kwhn{d}%"
                }
            }
		},
		data : pieData[i]
	}
	serie.push(item);
}
return serie;

 

转载于:https://my.oschina.net/u/2999760/blog/858822

最后

以上就是跳跃羽毛为你收集整理的Echarts饼图加载多个和设置字体的全部内容,希望文章能够帮你解决Echarts饼图加载多个和设置字体所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(54)

评论列表共有 0 条评论

立即
投稿
返回
顶部