xAxis.nameTextStyle   |   Object

坐标轴名称的文字样式。

xAxis.nameTextStyle.color   |   Color

坐标轴名称的颜色,默认取 axisLine.lineStyle.color。

xAxis.nameTextStyle.fontStyle   |   string

[ default: 'normal' ]

坐标轴名称文字字体的风格

可选:

'normal'

'italic'

'oblique'

xAxis.nameTextStyle.fontWeight   |   string

[ default: normal ]

坐标轴名称文字字体的粗细

可选:

'normal'

'bold'

'bolder'

'lighter'

100 | 200 | 300 | 400...

xAxis.nameTextStyle.fontFamily   |   string

[ default: 'sans-serif' ]

坐标轴名称文字的字体系列

还可以是 'serif' , 'monospace', 'Arial', 'Courier New', 'Microsoft YaHei', ...

xAxis.nameTextStyle.fontSize   |   number

[ default: 12 ]

坐标轴名称文字的字体大小

xAxis.nameTextStyle.align   |   string

文字水平对齐方式,默认自动。

可选:

'left'

'center'

'right'

rich 中如果没有设置 align,则会取父层级的 align。例如:{

align: right,

rich: {

a: {

// 没有设置 `align`,则 `align` 为 right

}

}

}

xAxis.nameTextStyle.verticalAlign   |   string

文字垂直对齐方式,默认自动。

可选:

'top'

'middle'

'bottom'

rich 中如果没有设置 verticalAlign,则会取父层级的 verticalAlign。例如:{

verticalAlign: bottom,

rich: {

a: {

// 没有设置 `verticalAlign`,则 `verticalAlign` 为 bottom

}

}

}

xAxis.nameTextStyle.lineHeight   |   number

行高。

rich 中如果没有设置 lineHeight,则会取父层级的 lineHeight。例如:{

lineHeight: 56,

rich: {

a: {

// 没有设置 `lineHeight`,则 `lineHeight` 为 56

}

}

}

xAxis.nameTextStyle.backgroundColor   |   string, Object

[ default: 'transparent' ]

文字块背景色。

可以是直接的颜色值,例如:'#123234', 'red', rgba(0,23,11,0.3)'。

可以支持使用图片,例如:backgroundColor: {

image: 'xxx/xxx.png'

// 这里可以是图片的 URL,

// 或者图片的 dataURI,

// 或者 HTMLImageElement 对象,

// 或者 HTMLCanvasElement 对象。

}

当使用图片的时候,可以使用 width 或 height 指定高宽,也可以不指定自适应。

xAxis.nameTextStyle.borderColor   |   string

[ default: 'transparent' ]

文字块边框颜色。

xAxis.nameTextStyle.borderWidth   |   number

[ default: 0 ]

文字块边框宽度。

xAxis.nameTextStyle.borderRadius   |  number, Array

[ default: 0 ]

文字块的圆角。

xAxis.nameTextStyle.padding   |   number, Array

[ default: 0 ]

文字块的内边距。例如:

padding: [3, 4, 5, 6]:表示 [上, 右, 下, 左] 的边距。

padding: 4:表示 padding: [4, 4, 4, 4]。

padding: [3, 4]:表示 padding: [3, 4, 3, 4]。

注意,文字块的 width 和 height 指定的是内容高宽,不包含 padding。

xAxis.nameTextStyle.shadowColor   |   string

[ default: 'transparent' ]

文字块的背景阴影颜色。

xAxis.nameTextStyle.shadowBlur   |   number

[ default: 0 ]

文字块的背景阴影长度。

xAxis.nameTextStyle.shadowOffsetX   |   number

[ default: 0 ]

文字块的背景阴影 X 偏移。

xAxis.nameTextStyle.shadowOffsetY   |   number

[ default: 0 ]

文字块的背景阴影 Y 偏移。

xAxis.nameTextStyle.width   |   number, string

文字块的宽度。一般不用指定,不指定则自动是文字的宽度。在想做表格项或者使用图片(参见 backgroundColor)时,可能会使用它。

注意,文字块的 width 和 height 指定的是内容高宽,不包含 padding。

width 也可以是百分比字符串,如 '100%'。表示的是所在文本块的 contentWidth(即不包含文本块的 padding)的百分之多少。之所以以 contentWidth 做基数,因为每个文本片段只能基于 content box 布局。如果以 outerWidth 做基数,则百分比的计算在实用中不具有意义,可能会超出。

注意,如果不定义 rich 属性,则不能指定 width 和 height。

xAxis.nameTextStyle.height   |   number, string

文字块的高度。一般不用指定,不指定则自动是文字的高度。在使用图片(参见 backgroundColor)时,可能会使用它。

注意,文字块的 width 和 height 指定的是内容高宽,不包含 padding。

注意,如果不定义 rich 属性,则不能指定 width 和 height。

xAxis.nameTextStyle.textBorderColor   |   string

[ default: 'transparent' ]

文字本身的描边颜色。

xAxis.nameTextStyle.textBorderWidth   |   number

[ default: 0 ]

文字本身的描边宽度。

xAxis.nameTextStyle.textShadowColor   |   string

[ default: 'transparent' ]

文字本身的阴影颜色。

xAxis.nameTextStyle.textShadowBlur   |   number

[ default: 0 ]

文字本身的阴影长度。

xAxis.nameTextStyle.textShadowOffsetX   |   number

[ default: 0 ]

文字本身的阴影 X 偏移。

xAxis.nameTextStyle.textShadowOffsetY   |   number

[ default: 0 ]

文字本身的阴影 Y 偏移。

vchart 坐标轴标题_ECharts xAxis配置 x坐标轴名称的文本样式相关推荐

  1. echars x轴单位_ECharts xAxis配置 x坐标轴刻度设置

    xAxis.axisTick   |   Object 坐标轴刻度相关设置. xAxis.axisTick.show   |   boolean [ default: true ] 是否显示坐标轴刻度 ...

  2. echarts柱状图x轴文字换行_ECharts xAxis配置 坐标轴刻度标签的富文本样式

    xAxis.axisLabel.rich   |   Object 在 rich 里面,可以自定义富文本样式.利用富文本样式,可以在标签中做出非常丰富的效果. 例如:label: { normal: ...

  3. html中的x轴y轴坐标图,ECharts xAxis配置 x坐标轴刻度

    xAxis.min   |   number, string, function [ default: null ] 坐标轴刻度最小值. 可以设置成特殊值 'dataMin',此时取数据在该轴上的最小 ...

  4. html坐标轴填充颜色,ECharts xAxis配置 x坐标轴轴线的样式

    xAxis.axisLine.lineStyle   |   Object xAxis.axisLine.lineStyle.color   |   Color [ default: '#333' ] ...

  5. echarts(一)下载引入,调色盘,[标题、图例组件、坐标轴]

    一个简单的例子 1. 下载并引入 (1)npm install echarts --save (2)import echarts from 'echarts' //main.js引入echarts 或 ...

  6. python使用matplotlib可视化包含倒影的柱状图(bar plot with shadow)、配置rcParams坐标轴正确显示负号(-)

    python使用matplotlib可视化包含倒影的柱状图(bar plot with shadow).配置rcParams坐标轴正确显示负号(-) 目录

  7. python matplotlib画图改变图标题和坐标轴标题的字体大小

    import matplotlib.pyplot as pltplt.title('Input',fontdict={'weight':'normal','size': 20}) #改变图标题字体 p ...

  8. 在 Excel 2007中手动为坐标图添加坐标轴标题

    Excel 做图时更改横纵坐标轴标题. 单击要对其添加坐标轴标题的图表. 此操作将显示"图表工具",其中包含"设计"."布局"和" ...

  9. 设置图表标题、坐标轴标题及窗口标题

    设置图表标题.坐标轴标题及窗口标题 图表开发工具为:Oracle Forms 6i Graphics_Builder 1.  设置图表标题: --功能:设置图表标题. --创建人:XXX --创建时间 ...

最新文章

  1. 使用uni-app实现使用浏览器下载功能时,安卓端部分机型不兼容问题(小米/华为)
  2. shell中获取时间
  3. 行业思考 | 酷炫动效是否利于你的产品设计?
  4. IOS Unit test
  5. 【bzoj3033】太鼓达人 DFS欧拉图
  6. python编程、abc最大值_Python中abc
  7. vscode中安装webpack_VSCode下手动构建webpack项目(示例代码)
  8. ElasticSearch-JDBC驱动 像使用SQL一样使用ElasticSearch查询语句
  9. Python 装饰器笔记
  10. GitHub 热点速览:刷 LeetCode 的正确姿势!
  11. 在​W​C​F​中​使​用​消​息​队​列​M​S​M​Q
  12. asp.net安全身份验证
  13. 迭代求解最优化问题——步长确定
  14. 搜索引擎漫谈以及 Zinc 简介
  15. mysql中select使用方法_MySQL中select语句介绍及使用示例
  16. HDU4699 Editor(双栈对弹)
  17. LA4329 PingPong (线段树)
  18. python 脚本分析dns日志计算前几位的请求数域名
  19. 反相器 CMOS制造(Fabrication)与布局(Layout)
  20. apmserv mysql_APMServ MySQL 1577错误解决方法_MySQL

热门文章

  1. mysql中如何统计数据_mysql中的数据统计方法
  2. 大地坐标转换极坐标(球坐标)
  3. Swing实现动画效果(实现Loding动画)【转载】
  4. 德勤加拿大:在Flow链上创建NFT所消耗的能量比人们搜索或发布一个帖子还少
  5. 【计算机英语】期末复习笔记
  6. 微信小程序保存相册授权全过程:第一次授权、已授权、拒绝后再授权
  7. 利用python+zabbix查询服务器利用率
  8. kubesphere master节点执行kubectl get po Unable to connect to the server: Forbidden
  9. xp如何添加桌面计算机回收站,WinXP如何找到回收站图标?
  10. php如何在微信公众号项目中,跳转到公众号关注页面