饼图-柱状图-#f00' } }, { "name": "21~22", "value": 0, "itemStyle": { "color": "transparent" } }, { "name": "22~23", "value": 1 }, { "name": "23~24", "value": 1 } ], "avoidLabelOverlap": false, "center": [ "24%", "50%" ], "labelLine": { "normal": { "show": false } }, "label": { "normal": { "position": "inner", "show": false } }, "itemStyle": { "normal": { "shadowBlur": 10, "shadowOffsetX": 0, "shadowColor": "rgba(0, 0, 0, 0.5)", "color": null }, "emphasis": { "shadowBlur": 10, "shadowOffsetX": 0, "shadowColor": "rgba(0, 0, 0, 0.5)" } }, "tooltip": { "textStyle": { "color": "#fff" } } }, { "name": "外第二圈圆环时间点刻度01", "type": "gauge", "min": 0, "max": 24, "startAngle": 90, "endAngle": 449.9, "radius": "84%", "splitNumber": 24, "clockwise": false, "animation": false, "center": [ "24%", "50%" ], "detail": { "show": false }, "axisTick": { "show": false }, "axisLine": { "lineStyle": { "color": [ [ 0.25, "#1b376c" ], [ 1, "#1b376c" ] ], "width": "40%", "shadowColor": "#0d4b81", "shadowBlur": 40, "opacity": 1 } }, "splitLine": { "length": 4, "lineStyle": { "color": "#ffffff", "width": 2 } }, "axisLabel": { "textStyle": { "color": "#fff", "fontWeight": 700, "fontSize": 12, }, formatter:function(params){ if(params % 2 == 0 && params != 24){ return params; } } }, "itemStyle": { "normal": { "color": "green", "width": 2 } } }, { "name": "内圆盘外第三层01", "type": "gauge", "min": 0, "max": 24, "startAngle": 90, "endAngle": 449.9, "radius": "57%", "splitNumber": 24, "clockwise": false, "animation": false, "center": [ "24%", "50%" ], "detail": { "show": false }, "axisTick": { "show": false }, "axisLine": { "lineStyle": { "color": [ [ 0.25, "#18447e" ], [ 1, "#18447e" ] ], "width": "10%", "opacity": 0.8 } }, "splitLine": { "show": true, "length": "89%", "lineStyle": { "color": "#eee", "width": "0.2" } }, "axisLabel": { "show": false, "textStyle": { "color": "#fb5310", "fontWeight": 700 } }, "itemStyle": { "normal": { "color": "green", "width": 2, "borderWidth": 3 } } }, { "name": "最里面饼图01", "type": "pie", "radius": "20%", "center": [ "24%", "50%" ], "data": [ { "value": 335, "name": "20%" } ], "hoverAnimation": false, "itemStyle": { "normal": { "color": "#1b376c" } }, "label": { "normal": { "position": "center", "show": true, "color": "yellow" } }, "animation": false, "tooltip": {} }, // 右侧排序 { zlevel:1, type:'bar
柱状图上升下降标识-柱状
柱状图 上升下降标示 参考社区完成