2021-8-13 前端达人
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' } } },
1
蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码ben_lanlan,报下信息,会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。
分享此文一切功德,皆悉回向给文章原作者及众读者. 免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务
您可以选择一种方式赞助本站
蓝蓝 http://www.lanlanwork.com