新聞中心
singleAxis.axisTick | Object
坐標(biāo)軸刻度相關(guān)設(shè)置。

我們提供的服務(wù)有:成都網(wǎng)站設(shè)計(jì)、網(wǎng)站制作、微信公眾號(hào)開發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認(rèn)證、南平ssl等。為上千余家企事業(yè)單位解決了網(wǎng)站和推廣的問(wèn)題。提供周到的售前咨詢和貼心的售后服務(wù),是有科學(xué)管理、有技術(shù)的南平網(wǎng)站制作公司
singleAxis.axisTick.show | boolean
[ default: true ]
是否顯示坐標(biāo)軸刻度。
singleAxis.axisTick.alignWithLabel | boolean
[ default: false ]
類目軸中在 boundaryGap 為 true 的時(shí)候有效,可以保證刻度線和標(biāo)簽對(duì)齊。如下圖:
singleAxis.axisTick.interval | number, Function
[ default: 'auto' ]
坐標(biāo)軸刻度的顯示間隔,在類目軸中有效。默認(rèn)同 axisLabel.interval 一樣。
默認(rèn)會(huì)采用標(biāo)簽不重疊的策略間隔顯示標(biāo)簽。
可以設(shè)置成 0 強(qiáng)制顯示所有標(biāo)簽。
如果設(shè)置為 1,表示『隔一個(gè)標(biāo)簽顯示一個(gè)標(biāo)簽』,如果值為 2,表示隔兩個(gè)標(biāo)簽顯示一個(gè)標(biāo)簽,以此類推。
可以用數(shù)值表示間隔的數(shù)據(jù),也可以通過(guò)回調(diào)函數(shù)控制。回調(diào)函數(shù)格式如下:
(index:number, value: string) => boolean第一個(gè)參數(shù)是類目的 index,第二個(gè)值是類目名稱,如果跳過(guò)則返回 false。
singleAxis.axisTick.inside | boolean
[ default: false ]
坐標(biāo)軸刻度是否朝內(nèi),默認(rèn)朝外。
singleAxis.axisTick.length | number
[ default: 5 ]
坐標(biāo)軸刻度的長(zhǎng)度。
singleAxis.axisTick.lineStyle | Object
設(shè)置坐標(biāo)軸刻度線的樣式。
singleAxis.axisTick.lineStyle.color | Color
刻度線的顏色,默認(rèn)取 axisLine.lineStyle.color。
singleAxis.axisTick.lineStyle.width | number
[ default: 1 ]
坐標(biāo)軸刻度線寬。
singleAxis.axisTick.lineStyle.type | string
[ default: 'solid' ]
坐標(biāo)軸刻度線的類型。
可選:
- 'solid'
- 'dashed'
- 'dotted'
singleAxis.axisTick.lineStyle.shadowBlur | number
圖形陰影的模糊大小。該屬性配合 shadowColor,shadowOffsetX, shadowOffsetY 一起設(shè)置圖形的陰影效果。
示例:
{
shadowColor: 'rgba(0, 0, 0, 0.5)',
shadowBlur: 10
}
singleAxis.axisTick.lineStyle.shadowColor | Color
陰影顏色。支持的格式同color。
singleAxis.axisTick.lineStyle.shadowOffsetX | number
[ default: 0 ]
陰影水平方向上的偏移距離。
singleAxis.axisTick.lineStyle.shadowOffsetY | number
[ default: 0 ]
陰影垂直方向上的偏移距離。
singleAxis.axisTick.lineStyle.opacity | number
圖形透明度。支持從 0 到 1 的數(shù)字,為 0 時(shí)不繪制該圖形。
本文題目:創(chuàng)新互聯(lián)ECharts教程:如何設(shè)置singleAxis組件的刻度
標(biāo)題來(lái)源:http://www.dlmjj.cn/article/djdojgd.html


咨詢
建站咨詢
