fix:时序图option从config中获取

This commit is contained in:
zyh
2023-09-22 11:31:19 +08:00
6 changed files with 11 additions and 70 deletions

View File

@@ -182,18 +182,11 @@ export default {
this.legends = [] this.legends = []
this.series = chartOption.series = this.handleTimeSeries(this.chartInfo, chartOption.series[0], this.chartData) // 生成series和legends this.series = chartOption.series = this.handleTimeSeries(this.chartInfo, chartOption.series[0], this.chartData) // 生成series和legends
const styleOption = this.$lodash.get(this.chartInfo, 'param.option', {})
chartOption.series.forEach(item => { chartOption.series.forEach(item => {
if (item.lineStyle && styleOption.lineWidth != undefined) { if (item.lineStyle) {
item.lineStyle.width = styleOption.lineWidth
} else if (item.lineStyle) {
item.lineStyle.width = this.lineOption.lineWidth item.lineStyle.width = this.lineOption.lineWidth
} }
if (styleOption.pointSize != undefined) { item.symbolSize = this.lineOption.pointSize
item.symbolSize = styleOption.pointSize
} else {
item.symbolSize = this.lineOption.pointSize
}
}) })
this.isGrey = this.legends.map(() => false) this.isGrey = this.legends.map(() => false)

View File

@@ -256,7 +256,6 @@ export default {
mode: 'all', mode: 'all',
sort: 'none' sort: 'none'
}, },
option: undefined
}, },
elements: [{ expression: '', legend: '', type: 'expert', id: '', name: 'A', state: 1, orderNum: 0 }], elements: [{ expression: '', legend: '', type: 'expert', id: '', name: 'A', state: 1, orderNum: 0 }],
panel: '', panel: '',

View File

@@ -29,7 +29,7 @@
<div @click="download('pdf')">{{$t('notebook.downloadAs',{format:'PDF'})}}</div> <div @click="download('pdf')">{{$t('notebook.downloadAs',{format:'PDF'})}}</div>
</el-dropdown-item> </el-dropdown-item>
<el-dropdown-item v-has="'notebook_view'"> <el-dropdown-item v-has="'notebook_view'">
<div @click="download('html')">{{$t('notebook.downloadAs',{format:'markdown'})}}</div> <div @click="download('markdown')">{{$t('notebook.downloadAs',{format:'markdown'})}}</div>
</el-dropdown-item> </el-dropdown-item>
<el-dropdown-item v-has="'notebook_view'"> <el-dropdown-item v-has="'notebook_view'">
<div @click="downloadJson()">{{$t('notebook.downloadNotebook')}} JSON</div> <div @click="downloadJson()">{{$t('notebook.downloadNotebook')}} JSON</div>

View File

@@ -403,44 +403,6 @@
</el-form-item> </el-form-item>
</div> </div>
<!-- option -->
<div v-if="isTimeSeries(chartConfig.type)">
<div class="form__sub-title">
<span>{{$t('dashboard.dashboard.chartForm.option')}}</span>
</div>
<div
class="form-items--half-width-group"
>
<!--lineWidth-->
<el-form-item
v-if="chartConfig.type!=='point'"
:label="$t('dashboard.dashboard.chartForm.lineWidth')"
class="form-item--half-width"
prop="param.option.lineWidth"
>
<el-input-number
size="small"
:controls="false"
@change="change"
show-word-limit
v-model="chartConfig.param.option.lineWidth"/>
</el-form-item>
<!--pointSize-->
<el-form-item
:label="$t('dashboard.dashboard.chartForm.pointSize')"
class="form-item--half-width"
prop="param.option.pointSize"
>
<el-input-number
size="small"
:controls="false"
@change="change"
show-word-limit
v-model="chartConfig.param.option.pointSize"/>
</el-form-item>
</div>
</div>
<!-- Right Y Axis --> <!-- Right Y Axis -->
<div v-if="isTimeSeries(chartConfig.type)"> <div v-if="isTimeSeries(chartConfig.type)">
<div class="form__sub-title"> <div class="form__sub-title">
@@ -1356,9 +1318,6 @@ export default {
computed: { computed: {
minStep () { minStep () {
return this.nzDefaultConfig.minStep return this.nzDefaultConfig.minStep
},
lineOption () {
return this.nzDefaultConfig.option
} }
}, },
data () { data () {
@@ -1459,8 +1418,7 @@ export default {
tooltip: { tooltip: {
mode: 'all', mode: 'all',
sort: 'none' sort: 'none'
}, }
option: this.lineOption
} }
this.$nextTick(() => { this.$nextTick(() => {
this.chartConfig.param.thresholds.push({ value: undefined, color: randomcolor() }) this.chartConfig.param.thresholds.push({ value: undefined, color: randomcolor() })

View File

@@ -175,9 +175,6 @@ export default {
panelChart panelChart
}, },
computed: { computed: {
lineOption () {
return this.nzDefaultConfig.option
},
chartLastPosition () { chartLastPosition () {
return this.$store.getters.getChartLastPosition return this.$store.getters.getChartLastPosition
}, },
@@ -418,8 +415,7 @@ export default {
tooltip: { tooltip: {
mode: 'all', mode: 'all',
sort: 'none' sort: 'none'
}, }
option: this.lineOption
} }
} }
} }
@@ -462,8 +458,7 @@ export default {
tooltip: { tooltip: {
mode: 'all', mode: 'all',
sort: 'none' sort: 'none'
}, }
option: this.lineOption
} }
} }
} else { } else {
@@ -694,8 +689,11 @@ export default {
max: undefined max: undefined
} }
} }
if (!obj.param.option) { if (!obj.param.tooltip || !obj.param.tooltip.mode) {
obj.param.option = this.lineOption obj.param.tooltip = {
mode: 'all',
sort: 'none'
}
} }
} }
if (obj.type == 'table') { if (obj.type == 'table') {
@@ -731,12 +729,6 @@ export default {
delete item.chartId delete item.chartId
}) })
} }
if (obj.param && (!obj.param.tooltip || !obj.param.tooltip.mode)) {
obj.param.tooltip = {
mode: 'all',
sort: 'none'
}
}
this.editChart = this.$lodash.cloneDeep(obj) this.editChart = this.$lodash.cloneDeep(obj)
this.oldData = this.$lodash.cloneDeep(obj) this.oldData = this.$lodash.cloneDeep(obj)
if (this.stableTime) { if (this.stableTime) {

View File

@@ -272,7 +272,6 @@ export default {
mode: 'all', mode: 'all',
sort: 'none' sort: 'none'
}, },
option: undefined
}, },
elements: [{ expression: '', legend: '', type: 'expert', id: '', name: 'A', state: 1, orderNum: 0, step: undefined }], elements: [{ expression: '', legend: '', type: 'expert', id: '', name: 'A', state: 1, orderNum: 0, step: undefined }],
panel: '', panel: '',