柱狀圖
grid:
, color:
"#00edff"
,//直接設定柱狀圖的柱狀顏色，多個的話可以寫成陣列
datazoom:[,
// bordercolor: "transparent", //滾動條邊框
backgroundcolor:
"#11c19c"
,//滾動長條顏色
// 拖拽手柄樣式 svg 路徑
handlecolor:
"red"
,//滾動顏色
handlesize:30,
//手柄大小也就是滾動的小圓點
start:
100,
//終止百分比
end:
this
.index,
//這個是我封裝的終止跟返回值},
],
tooltip:
: (%)",}
, title:[,
},
legend:
, toolbox:
, magictype:,}
,}, series:[,
data:
this
.data,
startangle:
150,
//座標系起始角度，也就是第乙個指示器軸的角度。可以旋轉
itemstyle:
:(%)",}
, labelline:,}
,},}
,],// rosetype: "radius", //南丁格爾圖 半徑取決於資料大小這個跟上面的radius不能同用
// selectedmode: "single", //設定選中的效果，能夠將選中的區域偏離原點一小段距離,`multiple`可以實現多選偏離因為前面那個屬性值離開的時候他會自動還原
// selectedoffset: 20, //設定偏離的距離
折線圖
這裡主要講基準線
series:
[//省略部分**
,// smooth: true,
name:
"計畫"
, type:
"line"
, markline:
, linestyle:
,// animationthreshold:2},
data:
,//基準線數值
},
酷炫按鈕特效
在網頁製作中,按鈕是必不可少的,每個按鈕也有不同的功能,當然,更加炫酷的按鈕也會讓使用者感興趣,甚至還想多玩幾下.下面我就簡單介紹一種簡單的按鈕 本身只能看到乙個按鈕,當滑鼠懸停在按鈕上時,會上下同時拉出兩個框,這是只用到了css樣式,具體 doctype html html lang en hea...
炫酷的水滴ViewPagerIndicator
開始本文之前先檢視一下目標效果是如何的。weibo 這個動畫的 是優秀網頁設計的乙個微博，看到這個效果感覺下面的圓的動畫十分的贊，於是就打算模仿這個效果。然後接下來看我所做的簡單效果吧。專案 因為時間緣故就簡單的模仿了自己感興趣的主要效果，並沒有做到全部模仿，等以後有時間了再完善 挖坑 將這個圓的動...
滑鼠跟隨炫酷效果
canvas畫布上監聽滑鼠移動事件並畫圖，隨機小球顏色，隨機小球運動方向，當小球透明度到一定程度，清除小球 js var canvas document.getelementbyid demo var ctx canvas.getcontext 2d var starlist function si...