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

最新推荐文章于 2025-04-16 10:12:37 发布

旭东怪

最新推荐文章于 2025-04-16 10:12:37 发布

阅读量8.1k

点赞数 6

CC 4.0 BY-SA版权

分类专栏：图表库

本文链接：https://blog.csdn.net/qq_38974638/article/details/108903669

1 使用详解

series.title.offsetCenter

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

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

参数类型：Array。

2 原始效果图

3 实现代码（设置标题位置）

<body>
    <!-- 为ECharts准备一个具备大小（宽高）的Dom -->
    <div id="main" style="width: 600px;height:400px;"></div>
    <script type="text/javascript">
        // 基于准备好的dom，初始化echarts实例
        var myChart = echarts.init(document.getElementById('main'));
 
        // 指定图表的配置项和数据
       option = {
			tooltip: {
				formatter: '{a} <br/>{b} : {c}%'
			},
			series: [
				{
					name: '业务指标',
					type: 'gaug

最低0.47元/天解锁文章