对 xAxis 中对 axisPointer 线的样式进行设置。
注意:当 axisPointer.type 为 'line' 时有效。
[ default: #555 ]
设置 axisPointer 线的颜色。
颜色可以使用 RGB 表示,比如 'rgb(128, 128, 128)',如果想要加上 alpha 通道表示不透明度,可以使用 RGBA,比如 'rgba(128, 128, 128, 0.5)',也可以使用十六进制格式,比如 '#ccc'。除了纯色之外颜色也支持渐变色和纹理填充
// 线性渐变,前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1,相当于在图形包围盒中的百分比,如果 globalCoord 为 `true`,则该四个值是绝对的像素位置
color: {
type: 'linear',
x: 0,
y: 0,
x2: 0,
y2: 1,
colorStops: [{
offset: 0, color: 'red' // 0% 处的颜色
}, {
offset: 1, color: 'blue' // 100% 处的颜色
}],
globalCoord: false // 缺省为 false
}
// 径向渐变,前三个参数分别是圆心 x, y 和半径,取值同线性渐变
color: {
type: 'radial',
x: 0.5,
y: 0.5,
r: 0.5,
colorStops: [{
offset: 0, color: 'red' // 0% 处的颜色
}, {
offset: 1, color: 'blue' // 100% 处的颜色
}],
globalCoord: false // 缺省为 false
}
// 纹理填充
color: {
image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement,不支持路径字符串
repeat: 'repeat' // 是否平铺, 可以是 'repeat-x', 'repeat-y', 'no-repeat'
}
[ default: 1 ]
设置 axisPointer 线的宽度。
[ default: solid ]
设置 axisPointer 线的类型。
可选:
设置 axisPointer 中图形阴影的模糊大小。
该属性配合 shadowColor,shadowOffsetX,shadowOffsetY 一起设置图形的阴影效果。
示例:
{
shadowColor: 'rgba(0, 0, 0, 0.5)',
shadowBlur: 10
}
设置 axisPointer 的阴影颜色。
[ default: 0 ]
设置 axisPointer 阴影在水平方向上的偏移距离。
[ default: 0 ]
设置 axisPointer 阴影在垂直方向上的偏移距离。
设置 axisPointer 图形的透明度。支持从 0 到 1 的数字,为 0 时不绘制该图形。
当 ECharts 图表中的 y 轴为对数轴的时候,我们通过 yAxis.logBase 对其底数进行设置,这是本节的第一个内容;另外,在本节还给...
title.subtextStyle.rich |Object在rich 里面,可以自定义富文本样式。利用富文本样式,可以在标签中做出非常丰富的效果。例如:...
xAxis.axisPointer |Object用于在直角坐标系的 x 坐标轴上设置坐标轴指示器。xAxis.axisPointer.show |boolean[ default: false ...
radiusAxis.splitArea |Object径向轴在grid区域中的分隔区域,默认不显示。radiusAxis.splitArea.interval |number, Function[ d...
在上节内容中我们对 ECharts 径向轴指示器的基本属性有了了解,这节我们来看看这些基本属性中的 textStyle 属性是怎样设置文本标...
angleAxis.data[i] |Object角度轴的类目数据设置,在类目轴(type: 'category')中有效。示例:// 所有类目名称列表data...
angleAxis.polarIndex |number[ default: 0 ]角度轴所在的极坐标系的索引,默认情况下使用第一个极坐标系。angleAxis.startAngle...
dataZoom[i]-slider.textStyle.color |Color[ default: #333 ]dataZoomSlider 文字的颜色。dataZoom[i]-slider.textStyle.fontSt...
visualMap[i]-piecewise.textStyle.color |Color[ default: #333 ]设置分段型 visualMap 组件文字的颜色。visualMap[i]-piecewis...
toolbox.feature.magicType |ObjectECharts 动态类型切换工具。示例:feature: {magicType: {type: ['line', 'bar...