建站
咨詢
售后
建站咨詢
新聞中心
對于 ECharts 極坐標系中的兩個軸：徑向軸和角度軸，我們已經(jīng)了解如何對徑向軸的指示器陰影的樣式進行屬性設(shè)置，那么本節(jié)，我們就來學(xué)習(xí)一下怎樣設(shè)置極坐標系的角度軸 angleAxis 的陰影樣式。
為延吉等地區(qū)用戶提供了全套網(wǎng)頁設(shè)計制作服務(wù)，及延吉網(wǎng)站建設(shè)行業(yè)解決方案。主營業(yè)務(wù)為成都網(wǎng)站設(shè)計、成都網(wǎng)站建設(shè)、延吉網(wǎng)站設(shè)計，以傳統(tǒng)方式定制建設(shè)網(wǎng)站，并提供域名空間備案等一條龍服務(wù)，秉承以專業(yè)、用心的態(tài)度為用戶提供真誠的服務(wù)。我們深信只要達到每一位用戶的要求，就會得到認可，從而選擇與我們長期合作。這樣，我們也可以走得更遠！
angleAxis.axisPointer.shadowStyle | Object
設(shè)置角度軸指示器的陰影樣式。
注意：當 axisPointer.type 為 'shadow' 時有效。angleAxis.axisPointer.shadowStyle.color | Color
[ default: 'rgba(150,150,150,0.3) ]
指示器填充的顏色。
顏色可以使用 RGB 表示，比如 'rgb(128, 128, 128)'，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 'rgba(128, 128, 128, 0.5)'，也可以使用十六進制格式，比如 '#ccc'。除了純色之外顏色也支持漸變色和紋理填充
// 線性漸變，前四個參數(shù)分別是 x0, y0, x2, y2, 范圍從 0 - 1，相當于在圖形包圍盒中的百分比，如果 globalCoord 為 `true`，則該四個值是絕對的像素位置
color: {
type: 'linear',
x: 0,
y: 0,
x2: 0,
y2: 1,
colorStops: [{
offset: 0, color: 'red' // 0% 處的顏色
}, {
offset: 1, color: 'blue' // 100% 處的顏色
}],
globalCoord: false // 缺省為 false
}
// 徑向漸變，前三個參數(shù)分別是圓心 x, y 和半徑，取值同線性漸變
color: {
type: 'radial',
x: 0.5,
y: 0.5,
r: 0.5,
colorStops: [{
offset: 0, color: 'red' // 0% 處的顏色
}, {
offset: 1, color: 'blue' // 100% 處的顏色
}],
globalCoord: false // 缺省為 false
}
// 紋理填充
color: {
image: imageDom, // 支持為 HTMLImageElement, HTMLCanvasElement，不支持路徑字符串
repeat: 'repeat' // 是否平鋪, 可以是 'repeat-x', 'repeat-y', 'no-repeat'
}angleAxis.axisPointer.shadowStyle.shadowBlur | number
指示器圖形陰影的模糊大小。該屬性配合 shadowColor,shadowOffsetX, shadowOffsetY 一起設(shè)置圖形的陰影效果。
示例：
{
shadowColor: 'rgba(0, 0, 0, 0.5)',
shadowBlur: 10
}angleAxis.axisPointer.shadowStyle.shadowColor | Color
指示器陰影的顏色。支持的格式同color。
angleAxis.axisPointer.shadowStyle.shadowOffsetX | number
[ default: 0 ]
指示器陰影在水平方向上的偏移距離。
angleAxis.axisPointer.shadowStyle.shadowOffsetY | number
[ default: 0 ]
指示器陰影在垂直方向上的偏移距離。
angleAxis.axisPointer.shadowStyle.opacity | number
指示器圖形的透明度。支持從 0 到 1 的數(shù)字，為 0 時不繪制該圖形。
網(wǎng)頁標題：創(chuàng)新互聯(lián)ECharts教程：設(shè)置ECharts角度軸指示器陰影樣式
本文來源：http://m.5511xx.com/article/djhesph.html
