codecamp

设置ECharts中y轴刻度线的样式

上节内容中我们提到了 ECharts 中 y 轴刻度线样式的设置,那么在本节我们就来详细介绍一下 yAxis 中 axisTick.lineStyle 所包含的样式。所以,在下面的内容中你会看到 y 坐标轴刻度线颜色的设置、类型的选择、阴影迷糊的大小等。

yAxis.axisTick.lineStyle.color   |  Color

对 y 轴刻度线的颜色的设置,默认取 axisLine.lineStyle.color

yAxis.axisTick.lineStyle.width   |  number

[ default: 1 ]

设置 y 坐标轴刻度线的线宽。

yAxis.axisTick.lineStyle.type   |  string

[ default: 'solid' ]

可以控制 y 坐标轴刻度线的类型。

可选:

  • 'solid'
  • 'dashed'
  • 'dotted'

yAxis.axisTick.lineStyle.shadowBlur   |   number

对于 y 坐标轴刻度线图形阴影的模糊大小进行设置。

该属性配合 shadowColor,shadowOffsetX, shadowOffsetY 一起设置图形的阴影效果。

示例:

{
    shadowColor: 'rgba(0, 0, 0, 0.5)',
    shadowBlur: 10
}

yAxis.axisTick.lineStyle.shadowColor   |   Color

设置 y 坐标轴刻度线的阴影颜色。支持的格式同color。

yAxis.axisTick.lineStyle.shadowOffsetX   |   number

[ default: 0 ]

得到 y 坐标轴刻度线阴影在水平方向上的偏移距离。

yAxis.axisTick.lineStyle.shadowOffsetY   |   number

[ default: 0 ]

得到 y 坐标轴刻度线阴影在垂直方向上的偏移距离。

yAxis.axisTick.lineStyle.opacity   |   number

得到 y 坐标轴刻度线的图形透明度。

支持从 0 到 1 的数字,为 0 时不绘制该图形。


设置y坐标轴轴线样式
利用富文本样式设置y轴刻度标签
温馨提示
下载编程狮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; }