文章主要介绍了IT技术中的数据可视化图表，包括柱形图的堆积实例、饼图、进度环形图、雷达图以及前端开发的学习资源，特别是《2024年Web前端开发全套学习资料》和面试题汇总，强调了自学体系化的价值。
color: [‘#0d81f7’, ‘#0fb42c’, ‘#e97507’],
tooltip: {},
legend: {
show: true,
top: 3,
right: 0,
data: [“综采1”,“综采2”, “总计”],
textStyle: {
color: ‘rgba(255, 255, 255, 0.8)’,
fontSize: 12
},
itemWidth: 12,
itemHeight: 12
},
xAxis: {
axisTick: {
show: false
},
axisLine: {
lineStyle: {
color: ‘#0092D5’
}
},
axisLabel: {
color: ‘rgba(255, 255, 255, 0.8)’
},
data: [‘2020-01’,‘2020-02’,‘2020-03’,‘2020-04’,‘2020-05’,‘2020-06’]
},
yAxis: {
name: “(吨)”,
nameTextStyle: {
color: ‘rgba(255, 255, 255, 0.8)’,
align: ‘right’
},
splitLine: {
lineStyle: {
type: ‘dashed’,
color: ‘#0092D5’,
opacity: 0.3
}
},
axisLine: {
show: false,
},
axisLabel: {
color: ‘rgba(255, 255, 255, 0.8)’
},
},
grid: {
top: ‘20%’,
bottom: ‘10%’,
left: ‘10%’,
right: ‘2%’
},
series: [{
name: “综采1”,
barWidth: 15,
type: ‘bar’,
data: [1,2,3,4,5,6],
itemStyle: {
normal: {
label: {
show: true, //开启显示
position: ‘insideLeft’, //在上方显示
offset: [-8, 0],
textStyle: { //数值样式
color: ‘#fff’,
fontSize: 10
}
},
color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{
offset: 0,
color: “#0069F5” // 0% 处的颜色
}, {
offset: 1,
color: “#35C3FF” // 100% 处的颜色
}], false)
}
},
}, {
name: “综采2”,
barWidth: 15,
type: ‘bar’,
data: [3,4,5,6,7,8],
itemStyle: {
normal: {
label: {
show: true, //开启显示
position: ‘insideRight’, //在上方显示
offset: [8, 0],
textStyle: { //数值样式
color: ‘#fff’,
fontSize: 10
}
},
color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{
offset: 0,
color: “#03AC32” // 0% 处的颜色
}, {
offset: 1,
color: “#69EF00” // 100% 处的颜色
}], false)
}
},
}, {
name: “总计”,
barWidth: 15,
type: ‘line’,
color: ‘#f67a03’,
data: [8,9,10,11,12,13],
}]
};
option = {
color: [‘#acff02’, ‘#fac800’, ‘#ff7d00’, ‘#0fb42c’],
tooltip: {
最低0.47元/天 解锁文章
3708
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
