機器人運行情況
參考文章:
柱狀圖 漸變
robotOperData: {
title:[
{
//text: '總數',
//subtext: 3,
textStyle:{
fontSize:12,
color:"black"
},
subtextStyle: {
fontSize: 12,
color: 'black'
},
textAlign:"center",
//總數距左邊的百分比
// x: '27%',
// y: '40%',
}
],
//刪除此對象就沒有了抽屜這個效果
tooltip: {
trigger: "item",
formatter: "{a} <br/>{b}",
backgroundColor: '#060606'
},
legend: {
itemWidth:16,
itemHeight:8,
itemGap:5,
//右邊小標題距離左邊的百分比
left:'60%',
top:'middle',
align:'left',
orient: 'vertical',
//x: "left",
//data: ['運行中', '成功','失敗'],
},
series: [
{
//data: [10,20,30,40,50,60],
data: [],
//是否開啓 hover 在扇區上的放大動畫效果。
hoverAnimation:true,
name: "機器人運行情況",
type: "pie",
//整個餅狀圖距離左邊的距離
center: ['40%', '50%'],
radius: ["30%", "60%"],
avoidLabelOverlap: true,
label: {
normal: {
show: false,
//position: "center",
position: 'outter',
},
emphasis: {
show: false,
textStyle: {
fontSize: "12",
fontWeight: "bold"
},
}
},
labelLine: {
normal: {
show: false
}
},
color:["#FF940F","#14B700","#F74634","#2890FF","#9602C6","#0D1D72"],
}
]
},