echarts 仪表盘 文字位置_ECharts 使用series.title.offsetCenter设置仪表盘标题位置

ECharts 使用series.title.offsetCenter设置仪表盘标题位置

ECharts 使用series.title.offsetCenter设置仪表盘标题位置

1 使用详解

series.title.offsetCenter

说明：标题位置。相对于仪表盘中心的偏移位置，数组第一项是水平方向的偏移，第二项是垂直方向的偏移。可以是绝对的数值，也可以是相对于仪表盘半径的百分比。

默认值：[0, '-40%']。

参数类型：Array。

2 原始效果图

3 实现代码(设置标题位置)

// 基于准备好的dom，初始化echarts实例

var myChart = echarts.init(document.getElementById('main'));

// 指定图表的配置项和数据

option = {

tooltip: {

formatter: '{a}
{b} : {c}%'

},

series: [

{

name: '业务指标',

type: 'gauge',

detail: {

formatter: '{value}%',

},

data: [{value: 50, name: '完成率'}],

title:{

offsetCenter : [0, '60%']//设置完成率位置

}

}

]

};

// 使用刚指定的配置项和数据显示图表。

myChart.setOption(option);

4 最终效果图(设置标题位置)

ECharts 使用series.title.offsetCenter设置仪表盘标题位置相关教程

野火F1开发板STM32案例-USART使用

野火F1开发板STM32案例-USART使用 野火F1开发板STM32-USART使用 野火STM32F103ZET6 霸道V2开发板 正点原子F1开发板 STM32蓝色板 Keil MDK 5.31 串口调试助手 使能RX和TX引脚GPIO时钟和USART时钟； 初始化 GPIO，并将GPIO复用到USART.上； 配置 USART参数； 配

vue的两种ajax框架vue-resource与axios的简单使用

vue的两种ajax框架vue-resource与axios的简单使用 前言 在vue中ajax的框架有两种，一是vue-resource,二是axios vue 插件, 非官方库, vue1.x 使用广泛，属于比较老的ajax框架 通用的 ajax 请求库, 官方推荐, vue2.x 使用广泛,也是现在主流的ajax框架 正文 1.vu

[Step By Step]SAP HANA中使用Excel展示分析视图数据(无层次结

[Step By Step]SAP HANA中使用Excel展示分析视图数据(无层次结构) 分析视图： 无层次结构：http://www.cnblogs.com/omygod/archive/2013/04/29/3050875.html 1. 打开Excel 2010，并将鼠标定位在某个sheet的第一行第一列： 2. 连接HANA数据库 在Excel中， D

pandas使用resample后的数据结构

pandas使用resample后的数据结构 pandas中的resample是重采样方法，使用该方法后的数据结构是 DatetimeIndexResampler 。可以认为此结构是一种“中间结构”，是从原来的dataframe重采样后的数据结构，因而无法直接显示数值。 DatetimeIndexResampler 实际是

Cpp web(一) Ubuntu下安装使用Crow服务

Cpp web(一) Ubuntu下安装使用Crow服务 文章目录 Ubuntu下安装Crow #1 环境 #2 安装 #2.1 安装Boost #2.2 安装Crow #3 使用 #3.1 Clion Ubuntu下安装Crow C++11boost 1.58.0Ubuntu 16.04cmake 3.18.2 Clion #2.1 安装Boost C++ Crow 依赖boost 下载boost源码

使用AI来检测违反社交距离的行为

使用AI来检测违反社交距离的行为 作者|Priya Dwivedi 编译|Flin 来源|medium 介绍 美国和欧洲的许多城市现在都在谨慎地重新开放。人们被要求在外出时保持安全距离。但是人们照着做吗？城市对人们的安全距离是否符合规则进行评估并采取相应的行动是很重要的。

使用OpenCV和Python构建运动热图视频

使用OpenCV和Python构建运动热图视频 作者|Roberto Sannazzaro 编译|Flin 来源|towardsdatascience OpenCV是一个强大的图像和视频处理库，在这篇文章中，我将创建一个运动热图，用于检测运动、一些物体或人的流动方向，以及在投影公共区域时对建筑师的帮助。

在centos7上使用Docker安装mysql5.7

在centos7上使用Docker安装mysql5.7 如果还没安装docker，可查看Centos7下安装Docker(详细安装教程) 1、查找 docker 镜像：docker search mysql [[emailprotected] ~]# docker search mysqlNAME DESCRIPTION STARS OFFICIAL AUTOMATEDmysql MySQL is a wide