diff --git a/.env.development b/.env.development index 65e2db8..dd27342 100644 --- a/.env.development +++ b/.env.development @@ -2,6 +2,6 @@ ENV = 'development' # base api -#VUE_APP_BASE_API = https://sstt.115.langye.net -VUE_APP_BASE_API = https://sstt.ali251.langye.net/ +VUE_APP_BASE_API = https://sstt.115.langye.net +#VUE_APP_BASE_API = https://sstt.ali251.langye.net/ VUE_APP_UPLOAD_API = https://sstt.ali251.langye.net/api/admin/upload-file diff --git a/src/views/bigSreen/component/CenterLeft.vue b/src/views/bigSreen/component/CenterLeft.vue index 6c3ad29..79cd83e 100644 --- a/src/views/bigSreen/component/CenterLeft.vue +++ b/src/views/bigSreen/component/CenterLeft.vue @@ -125,6 +125,11 @@ export default { textStyle: { color: "#fff", }, + width: 80, + overflow: 'truncate', + }, + axisLine: { + show: false, }, }, series: [ @@ -134,13 +139,17 @@ export default { data: this.chartData.map((i) => i.value), label: { show: true, - avoidLabelOverlap: true, - position: 'insideRight', + avoidLabelOverlap: false, + position: (params) => { + // 对于小数值(小于10000),将标签显示在柱子外部,避免与y轴重叠 + // 对于大数值,标签显示在柱子内部右侧 + return params.data < 10000 ? 'right' : 'insideRight'; + }, color: "#fff", fontWeight: "bold", formatter: params => { return params.data > 10000 ? `${params.data/10000}万+`: `${params.data}+` - } + }, }, itemStyle: { color: (params) => {