过渡依赖图例,会让人分心
配置项如下
option = {
backgroundColor: "#fff",
color: ["#37A2DA", "#67E0E3", "#9FE6B8"],
tooltip: {
trigger: 'axis'
},
legend: {
textStyle: {
color: '#333',
},
data: ['A商品', 'B商品', 'C商品']
},
grid: {
containLabel: true
},
xAxis: {
type: 'category',
boundaryGap: false,
data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
},
yAxis: {
x: 'center',
type: 'value',
},
series: [{
name: 'A商品',
type: 'line',
smooth: true,
symbolSize: 20,
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: 20,
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,
symbol: 'circle',
symbolSize: 20,
data: [10, 30, 31, 50, 40, 20, 10]
}]
};