echarts之title-textAlign （居中）

旧城等待， 2022-05-19 04:42 467阅读 0赞

原文出处：[https://blog.csdn.net/huanbia/article/details/50394515][https_blog.csdn.net_huanbia_article_details_50394515]

> title是echarts中的标题

<table> 
 <thead> 
  <tr> 
   <th>名称</th> 
   <th>类型</th> 
   <th>默认值</th> 
   <th>可选值</th> 
   <th>效果</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>textAlign</td> 
   <td>string</td> 
   <td>null</td> 
   <td>left’ | ‘right’ | ‘center</td> 
   <td>标题的水平对齐方式</td> 
  </tr> 
 </tbody> 
</table>

## 当textAlign为‘left’ ##

title:{
            text:'test',
            subtext:'在此测试',
            x:'center',
            y:'top',
            textAlign:'left'
        }

效果图如下   
![当textAlign为‘left’][textAlign_left]

## 当textAlign为‘center’ ##

title:{
            text:'test',
            subtext:'在此测试',
            x:'center',
            y:'top',
            textAlign:'center'
        }

效果图如下   
![当textAlign为‘center’][textAlign_center]

## 当textAlign为‘right’ ##

title:{
            text:'test',
            subtext:'在此测试',
            x:'center',
            y:'top',
            textAlign:'right'
        }

效果图如下   
![当textAlign为‘right’][textAlign_right]

[https_blog.csdn.net_huanbia_article_details_50394515]: https://blog.csdn.net/huanbia/article/details/50394515
[textAlign_left]: /images/20220519/f6f785051a934dcc9a593fb57324620a.png
[textAlign_center]: /images/20220519/ebf07ea5b04a46ce9069f41ce3830175.png
[textAlign_right]: /images/20220519/3b0ace2962bc43a6ba3175f384d33002.png

发表评论取消回复

表情：

评论列表（有 0 条评论，467人围观）

还没有评论，来说两句吧...

相关阅读

相关 Echarts统计图标题居中显示

![cf3e53450f5e7984e75494f5af77eedd.png][] title: { text

偏执的太偏执、/ 2022年12月23日 00:50/ 0 赞/ 305 阅读

相关初遇Echarts之Echarts入门

初次使用Echarts 首先咱们来说说什么是Echarts，用途是什么——ECharts 是一个使用 JavaScript 实现的开源可视化库，涵盖各行业图表，满足各种需

￡神魔★判官ぃ/ 2022年11月27日 03:24/ 0 赞/ 195 阅读

相关 CSS之关于MARGIN居中

margin:0 auto; 这个等价于 margin:0 auto 0 auto; 也等价于 margin-top:0; margin-right:auto; m

我会带着你远行/ 2022年07月12日 03:23/ 0 赞/ 381 阅读

相关 CSS之关于MARGIN居中

margin:0 auto; 这个等价于 margin:0 auto 0 auto; 也等价于 margin-top:0; margin-right:auto; m

今天药忘吃喽~/ 2022年07月12日 03:23/ 0 赞/ 226 阅读

相关 echarts饼图label字体颜色设置并且居中显示

原文出处：[https://blog.csdn.net/memeda61/article/details/78491636][https_blog.csdn.net_memed

清疚/ 2022年05月19日 10:50/ 0 赞/ 891 阅读

相关 echarts之title-textAlign （居中）

原文出处：[https://blog.csdn.net/huanbia/article/details/50394515][https_blog.csdn.net_huanbi

旧城等待，/ 2022年05月19日 04:42/ 0 赞/ 468 阅读

相关 ECharts之中国地图

效果图 ![在这里插入图片描述][20190802143243958.gif] 背景图片 ![20190725170845879.png][] 下载

不念不忘少年蓝@/ 2021年09月30日 12:18/ 0 赞/ 570 阅读

相关 ECharts之水球图

效果图 ![在这里插入图片描述][20190725170044129.gif] 背景图片 ![20190725170845879.png][] ![2019072

末蓝、/ 2021年09月30日 05:44/ 0 赞/ 728 阅读

相关 ECharts之折线图

效果图 ![在这里插入图片描述][20190801172702725.gif] 背景图片 ![20190725170845879.png][] 下载EChar

ゝ一世哀愁。/ 2021年09月30日 05:00/ 0 赞/ 1233 阅读

相关 Echarts之水滴球

1. 水滴球型图注意：需要引用 echarts-liquidfill.js文件。 eg: html 文件头部需要引用js文件如下。 <sc

以你之姓@/ 2021年09月17日 05:22/ 0 赞/ 689 阅读