資源簡介
echarts沒有三維餅圖,但是有時候又需要在前端繪制三維餅圖怎么辦?這個時候可以考慮用threejs來實現功能。
使用示例:
var cubic = new Cubic.PieChart("WebGL-output", {
width: 400,
height: 300,
thickness: 5,//厚度
radius: 30,//半徑
colors: [0xffffff, 0xff00ff, 0xffff00, 0x0000ff,0x5F9EA0,0x00FF7F],//顏色數組16進制的數組
data: [12, 13, 5, 50, 23, 54],//數據數組
startAngle: 0,//起始角
background: 0x00ffff,//背景色,16進制數字
opacity: 1 //背景透明度
});
console.log(cubic.getPosition());
console.log(cubic.getRotation());
// cubic.setPosition(0, 20, 0);
// cubic.setRotation(0, 0, 0);
// cubic.remove();
代碼片段和文件信息
評論
共有 條評論