apex图表使用饼图居中_echarts饼图标题居中以及调整主副标题的间距、字号

text：主标题

subtext：副标题

textStyle: {} //主标题的属性设置

subtextStyle: {} //副标题的属性

itemGap：主副标题之间的间距

textAlign：整体(包括 text 和 subtext)的水平对齐

项目个数是后台返回的，直接渲染

function initThisMonthProjectsParticipate() {

$.ajax({

url: urlpic + "currentMonthParticipateProject",

type: 'get',

data: {

deptId: '4676',

success: function (data) {

console.log(data.participateProjectTotal, 'data');

let total = data.participateProjectTotal;

let dataOption = data.eChartResponseModel;

let styleOption = {

title: {

show: true,

text: '本月参评项目',

subtext: total + '个',

itemGap: 8,

left: '48%',

top: '45%',

textStyle: {

color: '#B4E4FF',

fontSize: 8 * sceenRate,

subtextStyle: {

color: '#B4E4FF',

fontSize: 8 * sceenRate,

textAlign:'center'

tooltip: {

trigger: 'item',

formatter: '{a}
{b}: {c} ({d}%)'//a 系列名称，b 数据项名称，c 数值，d 百分比

series: [{

name: '本月参评项目',

type: 'pie',

label: {

show: true,

alignTo: 'labelLine',

position: 'outside',

formatter: '{c}个{b}项目',

fontSize: 6 * sceenRate,

alignTo: 'edge'

}]

}

let id = 'participateChart'

let chart = initCharts(id, dataOption, styleOption)

chart.on('click', function () {

initSecondLevelPage()

})

}

apex图表使用饼图居中_echarts饼图标题居中以及调整主副标题的间距、字号相关推荐

apex图表使用饼图居中_还在用单饼图展示Excel数据？一分钟学会制作复合饼图
导读:今天要讲的Excel小技巧,关于Excel的复合饼图,饼图是用来快速展示百分比的一个优良工具,单一饼图大部分小伙伴都能够制作出来,其实在Excel中还有另外一种饼图--复合饼图,是饼图的升级版, ...
label mpchart 饼图_ECharts饼图属性设置
ECharts 图表使用 pie 来实现饼图,饼图主要用于表现不同类目的数据在总和中的占比.每个的弧度表示数据数量的比例.饼图更适合表现数据相对于总数的百分比等关系.如果只是表示不同类目数据间的大小, ...
android 大屏图表 MPAndroidChart 饼状图饼图，圆形统计图
//图表库implementation 'com.github.PhilJay:MPAndroidChart:v3.1.0' X轴:XAxis Y轴:YAxis 图例:Legend 描述:Descri ...
用excel制作双层饼图_双层饼图，让你的工作更出彩
在Excel中饼图是很常见的图表类型,做起来也很简单,相信大家都会做.但双层饼图你会做吗?如下图所示,根据左侧的数据源,做出右侧的双层饼图.这么漂亮的双层饼图是怎么制做出来的呢?今天我就来给大家分享一 ...
迪赛智慧数——饼图（玫瑰饼图）：世界厨师日之-从业时间
效果图每年的10月20日为世界厨师日. 厨师日期间,将评出各国的"名点"."名菜"."名宴",并授予厨师行业最高奖:金鼎奖. 然而不管是总 ...
R语言ggplot2可视化：为可视化图像添加多行标题（multi line title）并将多行标题居中对齐（center align）
R语言ggplot2可视化:为可视化图像添加多行标题(multi line title)并将多行标题居中对齐(center align) 目录
react native 之自定义顶部导航栏，实现标题居中可控
本来一直用的都是RN自带的组件react-navigation,但是后面需求有变,需要顶部导航栏目的标题可以自己控制,同一页面的标题根据数据库查出来的内容变化.因此自定义了一个导航栏目,实现需求. 关 ...
QT绘制饼图和自定义饼图切片
QT绘制饼图和自定义饼图切片项目简介项目技术项目展示主要源码片段解析获取完整项目源码传送门项目简介创建一个简单的饼图以及如何对饼图切片进行一些自定义. 项目技术 qt5.12,qt ch ...
gridview标题居中显示_Pr：制作片尾滚动字幕（旧版标题法）
本文介绍使用 Pr 的旧版标题设计器来制作传统片尾滚动字幕的方法. 效果视频 ◆ ◆ ◆ 一般方法与步骤 1.首先,将文字内容输入到一个文本文件中.按 Ctrl/Cmd + A 全选,按 Ctrl ...

apex图表使用饼图居中_echarts饼图标题居中以及调整主副标题的间距、字号

apex图表使用饼图居中_echarts饼图标题居中以及调整主副标题的间距、字号相关推荐

最新文章

热门文章