| | |
|---|
| | | <template> |
|---|
| | | <div> |
|---|
| | | <PanelHeader title="客户金额贡献排名" /> |
|---|
| | | <PanelHeader title="客户贡献排名" /> |
|---|
| | | <div class="panel-item-customers"> |
|---|
| | | <div class="switch-container"> |
|---|
| | | <DateTypeSwitch v-model="dateType" @change="handleDateTypeChange" /> |
|---|
| | |
|---|
| | | formatter: function (params) { |
|---|
| | | let result = params[0].axisValueLabel + '<br/>' |
|---|
| | | params.forEach((item) => { |
|---|
| | | result += `<div style="color: #B8C8E0">${item.marker} ${item.seriesName}: ${item.value}</div>` |
|---|
| | | result += `<div>${item.marker} ${item.seriesName}: ${item.value}元</div>` |
|---|
| | | }) |
|---|
| | | return result |
|---|
| | | }, |
|---|
| | |
|---|
| | | inverse: false, |
|---|
| | | data: xdataName.value, |
|---|
| | | axisLabel: { |
|---|
| | | formatter: (params) => `{a|${params}}`, |
|---|
| | | formatter: (value) => { |
|---|
| | | if (!value) return '' |
|---|
| | | const maxLen = 6 // 每行最多字符数，可按需调整 |
|---|
| | | if (value.length <= maxLen) return `{a|${value}}` |
|---|
| | | |
|---|
| | | const lines = [] |
|---|
| | | for (let i = 0; i < value.length; i += maxLen) { |
|---|
| | | lines.push(value.slice(i, i + maxLen)) |
|---|
| | | } |
|---|
| | | return lines.map((line) => `{a|${line}}`).join('\n') |
|---|
| | | }, |
|---|
| | | rich: { |
|---|
| | | a: { |
|---|
| | | width: 160, |
|---|
| | | width: 120, |
|---|
| | | fontSize: 14, |
|---|
| | | color: '#fff', |
|---|
| | | padding: [5, 4, 5, 0], |
|---|
