codecamp

xAxis设置坐标轴指示器文本标签的文本类型

xAxis.axisPointer.label.textStyle   |   boolean

对 xAxis 中的坐标轴指示器文本标签的文本样式进行设置

xAxis.axisPointer.label.textStyle.color   |   Color

[ default: '#fff' ]

可以用来设置xAxis中坐标轴指示器文本标签文字的颜色。

xAxis.axisPointer.label.textStyle.fontStyle   |   string

[ default: 'normal' ]

对于坐标轴指示器中文字字体的风格的设置。

可以选择:

  • 'normal'
  • 'italic'
  • 'oblique'

xAxis.axisPointer.label.textStyle.fontWeight   |   string

[ default: normal ]

xAxis中对于文字字体粗细的设置

可以选择:

  • 'normal'
  • 'bold'
  • 'bolder'
  • 'lighter'
  • 100 | 200 | 300 | 400...

xAxis.axisPointer.label.textStyle.fontFamily   |   string

[ default: 'sans-serif' ]

包含xAxis中文字的字体系列

也可以是 'serif' , 'monospace', 'Arial', 'Courier New', 'Microsoft YaHei' 等等。

xAxis.axisPointer.label.textStyle.fontSize   |   number

[ default: 12 ]

设置 xAxis 中的坐标轴指示器文字的字体大小

xAxis.axisPointer.label.textStyle.lineHeight   |   number

xAxis 中文字的行高设置。

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

{
lineHeight: 56,
rich: {
a: {
// 没有设置 `lineHeight`,则 `lineHeight` 为 56
}
}
}

xAxis.axisPointer.label.textStyle.width   |   number, string

设置 xAxis 文字块的宽度。一般不用指定,在不指定的时候自动使用文字的宽度。我们在制作表格项或者使用图片(参见 backgroundColor)的时候,可能会使用该功能。

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

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

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

xAxis.axisPointer.label.textStyle.height   |   number, string

设置 xAxis 文字块的高度。一般不用指定,在不指定的时候自动使用文字本身的高度。我们在使用图片(参见 backgroundColor)的时候,可能会使用它。

注意:(1)文字块的 width 和 height 指定的是内容高宽,不包含 padding;(2)如果不定义 rich 属性,则不能指定 width 和 height。

xAxis.axisPointer.label.textStyle.textBorderColor   |   string

[ default: 'transparent' ]

设置 xAxis 中坐标轴指示器文字本身的描边颜色。

xAxis.axisPointer.label.textStyle.textBorderWidth   |   number

[ default: 0 ]

对于坐标轴指示器文字本身的描边宽度的设置。

xAxis.axisPointer.label.textStyle.textShadowColor   |   string

[ default: 'transparent' ]

设置坐标轴指示器文字本身的阴影颜色。

xAxis.axisPointer.label.textStyle.textShadowBlur   |   number

[ default: 0 ]

设置坐标轴指示器文本标签中文字本身的阴影长度。

xAxis.axisPointer.label.textStyle.textShadowOffsetX   |   number

[ default: 0 ]

设置坐标轴指示器文本标签中文字本身的阴影 X 偏移。

xAxis.axisPointer.label.textStyle.textShadowOffsetY   |   number

[ default: 0 ]

设置坐标轴指示器文本标签中文字本身的阴影 Y 偏移。

ECharts中x坐标轴指示器的设置
设置axisPointer文本标签的内边距、边框及阴影
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

ECharts配置项.setOption

ECharts图例组件配置项

ECharts图例组件配置 文本样式

ECharts xAxis配置 直角坐标系x轴

ECharts xAxis配置 x坐标轴名称的文本样式

ECharts xAxis配置 设置x坐标轴轴线

ECharts xAxis配置 x坐标轴刻度设置

ECharts xAxis配置 x坐标轴刻度标签设置

xAxis配置x坐标轴分隔线

xAxis配置坐标轴分隔区域设置

xAxis配置类目数据

ECharts xAxis配置 类目标签的文本样式

ECharts极坐标系的径向轴

如何使用dataZoom组件

ECharts工具栏组件(toolbox)

ECharts工具栏的feature属性

ECharts导出图片的操作

ECharts的数据视图工具

ECharts数据区域缩放工具

ECharts动态类型切换工具

ECharts区域选择组件(brush)

ECharts系列列表:平行坐标系

ECharts系列:主题河流图

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }