c4942a19 by zhangmeng

看版

1 parent 72821f98
......@@ -53,7 +53,7 @@
</div>
<div class="chartCard mt30">
<div class="title">逾期360天以上未开票</div>
<div class="title">应收账款账期</div>
<div ref="overdueRef" style="width: 100%; height: 24vh;"></div>
</div>
</div>
......@@ -834,10 +834,7 @@ const setC = (arry, arr1, arr2, arr3) => {
chartC = echarts.init(overdueRef.value)
const option = {
tooltip: {
// trigger: '',
// axisPointer: {
// type: 'shadow'
// },
trigger: 'axis',
confine: true,
valueFormatter: (value) => value + '万',
backgroundColor: 'rgba(5, 28, 51, 1)', // 背景色
......@@ -848,18 +845,18 @@ const setC = (arry, arr1, arr2, arr3) => {
fontSize: 12, // 文字大小
},
position: 'top',
formatter: function (row) {
return `
<div style="font-weight:bold">${row.name}</div>
<div style="display:flex;align-items:center;margin-top:5px">
${row.marker}
${row.seriesName == '逾期360天以上' ? '未开票金额' : row.seriesName}: ${row.value}
</div>
<div>
${row.data?.info ? row.data?.info?.replaceAll('\n', '<br>') : ''}
</div>
`;
}
// formatter: function (row) {
// return `
// <div style="font-weight:bold">${row.name}</div>
// <div style="display:flex;align-items:center;margin-top:5px">
// ${row.marker}
// ${row.seriesName == '逾期360天以上' ? '未开票金额' : row.seriesName}: ${row.value}万
// </div>
// <div>
// ${row.data?.info ? row.data?.info?.replaceAll('\n', '<br>') : ''}
// </div>
// `;
// }
},
legend: {
top: '10%',
......@@ -915,7 +912,7 @@ const setC = (arry, arr1, arr2, arr3) => {
],
series: [
{
name: '0-180天未开票',
name: '0-180天',
type: 'bar',
stack: 'Ad',
barMaxWidth: 60, // 设置柱子的最大宽度为40px
......@@ -938,7 +935,7 @@ const setC = (arry, arr1, arr2, arr3) => {
barWidth: '30%'
},
{
name: '180-360天未开票',
name: '180-360天',
type: 'bar',
barMaxWidth: 60, // 设置柱子的最大宽度为40px
stack: 'Ad',
......@@ -960,7 +957,7 @@ const setC = (arry, arr1, arr2, arr3) => {
barWidth: '30%'
},
{
name: '逾期360天以上',
name: '360天以上',
type: 'bar',
stack: 'Ad',
barMaxWidth: 60, // 设置柱子的最大宽度为40px
......
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!