示例-过多图例装饰ECharts Gallery

20:11:45图表已生成
代码
option = {
    backgroundColor: "#fff",
    color: ["#37A2DA", "#32C5E9", "#9FE6B8", "#FFDB5C", ],

    tooltip: {
        trigger: 'axis'
    },
    legend: {
        textStyle: {
            fontSize: 15
        },
        data: ['A商品', 'B商品', 'C商品', 'D商品']
    },
    grid: {
        containLabel: true
    },

    xAxis: {
        type: 'category',
        boundaryGap: false,
        "axisLine": {
            lineStyle: {
                color: '#333'
            }
        },
        data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
    },
    yAxis: {
        "axisLine": {
            lineStyle: {
                color: '#333',

            }
        },
        x: 'center',
        type: 'value',

    },
    series: [{
            name: 'A商品',
            type: 'line',
            smooth: true,
            lineStyle: {
                normal: {
                    width: 3
                }
            },
            symbolSize: 35,
            symbol: 'path://M703.488 116.736c-72.704 0-141.312 28.672-191.488 80.896-50.176-51.2-118.784-80.896-191.488-80.896C172.032 116.736 51.2 237.568 51.2 386.048c0 88.064 44.032 150.528 75.776 196.608 94.208 136.192 330.752 304.128 340.992 310.272 13.312 9.216 28.672 14.336 44.032 14.336 16.384 0 31.744-5.12 44.032-14.336 10.24-7.168 245.76-175.104 340.992-310.272 31.744-46.08 75.776-108.544 75.776-196.608C972.8 237.568 851.968 116.736 703.488 116.736z',
            data: [18, 36, 65, 70, 78, 40, 33]
        }, {
            name: 'B商品',
            type: 'line',
            smooth: true,
            symbolSize: 35,
            lineStyle: {
                normal: {
                    width: 3
                }
            },
            symbol: 'path://M1008.05632 454.561792c-72.046592 87.754752-199.442432 232.630272-199.442432 232.630272s20.836352 159.064064 32.514048 267.716608c5.076992 55.339008-34.822144 79.271936-80.00512 57.700352-85.979136-43.19232-216.817664-110.112768-246.249472-125.192192-29.952 14.927872-162.103296 80.744448-248.973312 123.836416-45.705216 21.520384-86.081536-2.408448-80.945152-57.647104 11.833344-108.4928 32.882688-267.403264 32.882688-267.403264S88.979456 541.632512 16.09728 453.9904c-25.757696-31.830016-9.218048-77.07648 41.570304-85.395456 103.56736-19.580928 264.103936-50.7904 264.103936-50.7904s87.808-161.841152 143.362048-260.958208c30.57664-60.3136 51.728384-53.3504 55.345152-51.574784 9.422848 3.24608 24.295424 14.974976 43.712512 51.625984 54.923264 99.270656 141.740032 261.326848 141.740032 261.326848s158.64832 31.21152 261.011456 50.8416c50.178048 8.368128 66.564096 53.665792 41.1136 85.495808z',
            data: [12, 50, 51, 55, 70, 30, 20]
        },
        {
            name: 'C商品',
            type: 'line',
            smooth: true,
            symbolSize: 35,
            lineStyle: {
                normal: {
                    width: 3
                }
            },
            symbol: 'path://M82.664,173.68v-52.01h34.672v52.01h43.341v-69.346h26.005L100,26.321l-86.682,78.013h26.004v69.346H82.664L82.664,173.68z',
            data: [9, 4, 50, 51, 55, 70, 30, 20]
        }, {
            name: 'D商品',
            type: 'line',
            smooth: true,
            symbol: 'circle',
            symbolSize: 35,
            lineStyle: {
                normal: {
                    width: 3
                }
            },
            symbol: 'path://M174.534,23.603c-3.727,0-6.212,2.484-6.212,6.211v144.1c0,6.211-6.211,12.423-12.422,12.423H46.584',
            data: [7, 20, 31, 50, 40, 20, 10]
        }
    ]
};
作品使用的第三方脚本

数据管理

历史数据 0 条

代码修改记录

信息提示

保存作品
