echart2 用单独空数据求总和 & 用背景条求总和

最新推荐文章于 2023-08-17 06:51:39 发布

IceYang-

最新推荐文章于 2023-08-17 06:51:39 发布

阅读量1k

点赞数

分类专栏： echarts html类点文章标签： echarts html web 数据

本文链接：https://blog.csdn.net/YangBingX/article/details/54019487

版权

本文介绍了如何使用Echarts通过背景条和空数据项来展示柱状图的总和。提供了两个示例，分别是利用背景条求总和的'粗剪进度'图表和用单独空数据项展示总和的'费用统计'图表，详细配置了Echarts的选项，包括series、xAxis、yAxis等属性。

摘要由CSDN通过智能技术生成

用背景条求总和

hideBarOption4 = {
title: {
text: '粗剪进度',
x: 'center',
textStyle: {
baseline: 'middle',//文字位置
fontSize: '19',//文字大小
color: '#d5d5d5',
fontFamily: '微软雅黑',
fontWeight: 700
}
},
tooltip: {
show: false,
},
toolbox: {
show: false,
},
calculable: false,
grid: {
x: 110,
x2: 50,
y2: 10,
y: 100,
borderWidth: 0,
},
xAxis: [
{
type: 'value',
axisLabel: {
show: false,
interval: 'auto', // {number}
textStyle: {
color: '#fff',
fontFamily: '微软雅黑',
fontSize: 15,
}
},
axisLine: { // 轴线
show: false,
},
splitLine: {//中间分隔线
show: false,
},
}
],
yAxis: [
{
type: 'category',
axisLabel: {
show: true,
interval: 'auto', // {number}
textStyle: {
color: '#fff',
fontFamily: '微软雅黑',
fontSize: 15,
}
},
axisLine: { // 轴线
show: false,
},
splitLine: {//中间分隔线
show: false,
},
data: ['进度：', ]
},