笔记:echarts 网格线变颜色, 网格线变虚线

it2022-05-05  246

yAxis.splitLine Object 坐标轴在 grid 区域中的分隔线。 yAxis.splitLine.show boolean [ default: true ] 是否显示分隔线。默认数值轴显示,类目轴不显示。 yAxis.splitLine.interval number, Function [ default: 'auto' ] 坐标轴分隔线的显示间隔,在类目轴中有效。默认同 axisLabel.interval 一样。 默认会采用标签不重叠的策略间隔显示标签。 可以设置成 0 强制显示所有标签。 如果设置为 1,表示『隔一个标签显示一个标签』,如果值为 2,表示隔两个标签显示一个标签,以此类推。 可以用数值表示间隔的数据,也可以通过回调函数控制。回调函数格式如下: (index:number, value: string) => boolean 第一个参数是类目的 index,第二个值是类目名称,如果跳过则返回 false。 yAxis.splitLine.lineStyle Object yAxis.splitLine.lineStyle.color Array, string [ default: ['#ccc'] ] 分隔线颜色,可以设置成单个颜色。 也可以设置成颜色数组,分隔线会按数组中颜色的顺序依次循环设置颜色。 示例 splitLine: { lineStyle: { // 使用深浅的间隔色 color: ['#aaa', '#ddd'] } } yAxis.splitLine.lineStyle.width number [ default: 1 ] 分隔线线宽。 yAxis.splitLine.lineStyle.type string [ default: 'solid' ] 分隔线线的类型。 可选: 'solid' 'dashed' 'dotted' yAxis: { splitLine: { show: true, lineStyle:{ type:'dashed' } }

 


最新回复(0)