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
分享此文一切功德，皆悉回向给文章原作者及众读者.
免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务
蓝蓝设计的小编 http://www.lanlanwork.com