Echarts在线免费图表

 
            var Years=['2022年', '2023年'];
var months=['10月', '11月', '12月'];
var chartData=[[0,0,1103.19],[0,1,5129.02],[0,2,3636.33],[1,0,2128.68],[1, 1, 2662.12],[1, 2, 1876.18]];
var option={
    "toolbox": {
        "show": true,
        "padding": 5,
        "orient": "vertical",
        "feature": {
            "mark": {
                "show": false
            },
            "saveAsImage": {
                "show": true
            }
        }
    },
    "title": {
        "padding": 15,
        "text": "项目收入数据分析(万元)",
        "subtext": "统计年份：2022,2023     月份：10,11,12",
        "x": "center",
        "textStyle": {
            "fontSize": 14,
            "fontWeight": "bolder"
        }
    },
    "tooltip": {
        "show": true,
        "formatter": function (params) {
							var xIndex = params.value[0];
							var yIndex = params.value[1];
							var tip = params.seriesName + ': ' + params.value[2] + '万元';
							return Years[yIndex] + '<br />' + months[xIndex] + '<br />' + tip
						}
    },
    "visualMap": {
        "max": 5129.02,
        "min": 1103.19,
        "inRange": {
            "color": [
                "#313695",
                "#4575b4",
                "#74add1",
                "#abd9e9",
                "#e0f3f8",
                "#ffffbf",
                "#fee090",
                "#fdae61",
                "#f46d43",
                "#d73027",
                "#a50026"
            ]
        }
    },
    "xAxis3D": {
        "type": "category",
        "data":months,
        "name": ""
    },
    "yAxis3D": {
        "type": "category",
        "data":Years,
        "name": ""
    },
    "zAxis3D": {
        "type": "value",
        "name": ""
    },
    "grid3D": {
        "boxWidth": 90,
        "boxDepth": 60,
        "axisTick": {
            "show": false
        },
        "axisLine": {
            "lineStyle": {
                "color": "#ccc",
                "width": 1
            }
        },
        "axisLabel": {
            "textStyle": {
                "color": "#000",
                "fontSize": 12
            }
        },
        "viewControl": {
            "alpha": 30,
            "beta": 30
        }
    },
    "series": [
        {
            "type": "bar3D",
            "name": "项目收入",
            "data": chartData.map(function (item) {
								return {
									value: [item[1], item[0], item[2]]
								};
							}),
            "shading": "lambert",
            "label": {
                "show": true,
                "distance": 1,
                "textStyle": {
                    "color": "#aaa",
                    "fontSize": 14,
                    "borderWidth": 0,
                    "borderColor": "none",
                    "backgroundColor": "rgba(255,255,255,0)"
                }
            },
            "emphasis": {
                "label": {
                    "fontSize": 14,
                    "color": "#900"
                },
                "itemStyle": {
                    "color": "RGB(50,118,98,1)"
                }
            }
        }
    ]
}