新聞中心
這里有您想知道的互聯(lián)網(wǎng)營(yíng)銷解決方案
創(chuàng)新互聯(lián)ECharts教程:設(shè)置ECharts中y軸刻度線的樣式
在上節(jié)內(nèi)容中我們提到了 ECharts 中 y 軸刻度線樣式的設(shè)置,那么在本節(jié)我們就來(lái)詳細(xì)介紹一下 yAxis 中 axisTick.lineStyle 所包含的樣式。所以,在下面的內(nèi)容中你會(huì)看到 y 坐標(biāo)軸刻度線顏色的設(shè)置、類型的選擇、陰影迷糊的大小等。

yAxis.axisTick.lineStyle.color | Color
對(duì) y 軸刻度線的顏色的設(shè)置,默認(rèn)取 axisLine.lineStyle.color。
yAxis.axisTick.lineStyle.width | number
[ default: 1 ]
設(shè)置 y 坐標(biāo)軸刻度線的線寬。
yAxis.axisTick.lineStyle.type | string
[ default: 'solid' ]
可以控制 y 坐標(biāo)軸刻度線的類型。
可選:
- 'solid'
- 'dashed'
- 'dotted'
yAxis.axisTick.lineStyle.shadowBlur | number
對(duì)于 y 坐標(biāo)軸刻度線圖形陰影的模糊大小進(jìn)行設(shè)置。
該屬性配合 shadowColor,shadowOffsetX, shadowOffsetY 一起設(shè)置圖形的陰影效果。示例:
{
shadowColor: 'rgba(0, 0, 0, 0.5)',
shadowBlur: 10
}yAxis.axisTick.lineStyle.shadowColor | Color
設(shè)置 y 坐標(biāo)軸刻度線的陰影顏色。支持的格式同color。
yAxis.axisTick.lineStyle.shadowOffsetX | number
[ default: 0 ]
得到 y 坐標(biāo)軸刻度線陰影在水平方向上的偏移距離。
yAxis.axisTick.lineStyle.shadowOffsetY | number
[ default: 0 ]
得到 y 坐標(biāo)軸刻度線陰影在垂直方向上的偏移距離。
yAxis.axisTick.lineStyle.opacity | number
得到 y 坐標(biāo)軸刻度線的圖形透明度。
支持從 0 到 1 的數(shù)字,為 0 時(shí)不繪制該圖形。 標(biāo)題名稱:創(chuàng)新互聯(lián)ECharts教程:設(shè)置ECharts中y軸刻度線的樣式
URL網(wǎng)址:http://fisionsoft.com.cn/article/dheojee.html


咨詢
建站咨詢
