Echarts在线免费图表

 
            var colorList =  ["#4A79FF", "#14D58A", "#FFD264", "#FF7683", "#9F99FF", "#56B5FF", "#80EF98"]
var titleText = "2021车型分布"
var data = [{
            "name": "小型货车",
            "value": 2421
        },
        {
            "name": "中型货车",
            "value": 1287
        },
        {
            "name": "大型货车",
            "value": 836
        },
        {
            "name": "特大货车",
            "value": 4814
        },
        {
            "name": "集装箱车",
            "value": 440
        },
        {
            "name": "中小客车",
            "value": 9703
        },
        {
            "name": "大客车",
            "value": 198
        }]


option = {
    "color": colorList,
    "title": {
        "text": titleText,
        "x": "center",
        "textStyle": {
            "fontSize": 18
        }
    },
    "toolbox": {
        "feature": {
            "saveAsImage": {
                "name": "jyxqmejl2p"
            }
        }
    },
    "legend": {
        "orient": "vertical",
        "left": "left",
        "data": data,
        "itemHeight": 10,
        "textStyle": {
            "fontSize": 12
        }
    },
    "tooltip": {
        "trigger": "item",
        "formatter": "{b} : ({d}%)"
    },
    "series": [{
        "type": "pie",
        "radius": ["25%", "55%"],
        "center": ["50%", "60%"],
        "data": data,
        "label": {
            "formatter": "{b}\n({d}%)",
            "fontSize": 14,
            "color": "#000000"
        },
        "itemStyle": {
            "emphasis": {
                "shadowBlur": 10,
                "shadowOffsetX": 0,
                "shadowColor": "rgba(0, 0, 0, 0.5)"
            }
        }
    }]
}