gh_mirrors/1Panel
1
0
Fork 0
mirror of https://github.com/1Panel-dev/1Panel.git synced 2025-01-19 08:19:15 +08:00
Code

fix: 解决概览页折线图选择失败的问题 (#4656)

Browse Source 
Refs #4647
This commit is contained in:
ssongliu 2024-04-23 18:00:10 +08:00 committed by GitHub
parent 4596f9c2c2
commit 15b1f28fb9
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 5 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
frontend/src/components/v-charts/components/Line.vue
View File

@ -83,7 +83,8 @@ const seriesStyle = [
function initChart() { function initChart() {
let itemChart = echarts?.getInstanceByDom(document.getElementById(props.id) as HTMLElement); let itemChart = echarts?.getInstanceByDom(document.getElementById(props.id) as HTMLElement);
// 如果不存在，就进行初始化 const optionItem = itemChart?.getOption();
const itemSelect = optionItem?.legend;
if (itemChart == null) { if (itemChart == null) {
itemChart = echarts.init(document.getElementById(props.id) as HTMLElement); itemChart = echarts.init(document.getElementById(props.id) as HTMLElement);
} }
@ -109,10 +110,9 @@ function initChart() {
yAxis.push({ yAxis.push({
splitLine: { splitLine: {
show: true, show: true,
//分隔辅助线
lineStyle: { lineStyle: {
type: 'dashed', //线的类型 虚线0 type: 'dashed',
opacity: theme === 'dark' ? 0.1 : 1, //透明度 opacity: theme === 'dark' ? 0.1 : 1,
}, },
}, },
...item, ...item,
@ -120,7 +120,6 @@ function initChart() {
}); });
} }
// 把配置和数据放这里
const option = { const option = {
title: [ title: [
{ {
@ -168,7 +167,7 @@ function initChart() {
}, },
}, },
grid: props.option.grid || { left: '7%', right: '7%', bottom: '20%' }, grid: props.option.grid || { left: '7%', right: '7%', bottom: '20%' },
legend: { legend: itemSelect || {
right: 10, right: 10,
itemWidth: 8, itemWidth: 8,
textStyle: { textStyle: {