feat(视图): 新增面积图

This commit is contained in:
junjun 2022-08-22 16:48:10 +08:00
parent 2f638dfd40
commit 583b108cb9
2 changed files with 9 additions and 8 deletions

View File

@ -628,7 +628,7 @@ function transAxisPosition(chart, axis) {
export function getSlider(chart) { export function getSlider(chart) {
let senior = {} let senior = {}
let cfg = false let cfg = false
if (chart.senior && chart.type && (chart.type.includes('bar') || chart.type.includes('line') || chart.type.includes('mix'))) { if (chart.senior && chart.type && (chart.type.includes('bar') || chart.type.includes('line') || chart.type.includes('mix') || chart.type.includes('area'))) {
senior = JSON.parse(chart.senior) senior = JSON.parse(chart.senior)
if (senior.functionCfg) { if (senior.functionCfg) {
if (senior.functionCfg.sliderShow) { if (senior.functionCfg.sliderShow) {
@ -645,7 +645,7 @@ export function getSlider(chart) {
export function getAnalyse(chart) { export function getAnalyse(chart) {
let senior = {} let senior = {}
const assistLine = [] const assistLine = []
if (chart.senior && chart.type && (chart.type.includes('bar') || chart.type.includes('line') || chart.type.includes('mix'))) { if (chart.senior && chart.type && (chart.type.includes('bar') || chart.type.includes('line') || chart.type.includes('mix') || chart.type.includes('area'))) {
senior = JSON.parse(chart.senior) senior = JSON.parse(chart.senior)
if (senior.assistLine && senior.assistLine.length > 0) { if (senior.assistLine && senior.assistLine.length > 0) {
const customStyle = JSON.parse(chart.customStyle) const customStyle = JSON.parse(chart.customStyle)

View File

@ -759,16 +759,16 @@
<el-tab-pane name="senior" :label="$t('chart.senior')" class="padding-tab" style="width: 350px;"> <el-tab-pane name="senior" :label="$t('chart.senior')" class="padding-tab" style="width: 350px;">
<el-row class="view-panel"> <el-row class="view-panel">
<div <div
v-if="view.type && (view.type.includes('bar') || view.type.includes('line') || view.type.includes('mix') || view.type.includes('gauge') || view.type === 'text' || view.type.includes('table') || view.type === 'map' || view.type === 'buddle-map')" v-if="view.type && (view.type.includes('bar') || view.type.includes('line') || view.type.includes('area') || view.type.includes('mix') || view.type.includes('gauge') || view.type === 'text' || view.type.includes('table') || view.type === 'map' || view.type === 'buddle-map')"
style="overflow:auto;border-right: 1px solid #e6e6e6;height: 100%;width: 100%;" style="overflow:auto;border-right: 1px solid #e6e6e6;height: 100%;width: 100%;"
class="attr-style theme-border-class" class="attr-style theme-border-class"
> >
<el-row <el-row
v-if="view.type && (view.type.includes('bar') || view.type.includes('line') || view.type.includes('mix') || view.type === 'table-normal' || view.type === 'table-info')" v-if="view.type && (view.type.includes('bar') || view.type.includes('line') || view.type.includes('area') || view.type.includes('mix') || view.type === 'table-normal' || view.type === 'table-info')"
> >
<span class="padding-lr">{{ $t('chart.senior_cfg') }}</span> <span class="padding-lr">{{ $t('chart.senior_cfg') }}</span>
<el-collapse v-model="attrActiveNames" class="style-collapse"> <el-collapse v-model="attrActiveNames" class="style-collapse">
<el-collapse-item v-if="view.type && (view.type.includes('bar') || view.type.includes('line') || view.type.includes('mix'))" name="function" :title="$t('chart.function_cfg')"> <el-collapse-item v-if="view.type && (view.type.includes('bar') || view.type.includes('line') || view.type.includes('area') || view.type.includes('mix'))" name="function" :title="$t('chart.function_cfg')">
<function-cfg <function-cfg
:param="param" :param="param"
class="attr-selector" class="attr-selector"
@ -787,12 +787,12 @@
</el-collapse> </el-collapse>
</el-row> </el-row>
<el-row <el-row
v-if="view.type && (view.type.includes('bar') || view.type.includes('line') || view.type.includes('mix') || view.type.includes('gauge') || view.type === 'text' || (view.render === 'antv' && view.type.includes('table')))" v-if="view.type && (view.type.includes('bar') || view.type.includes('line') || view.type.includes('area') || view.type.includes('mix') || view.type.includes('gauge') || view.type === 'text' || (view.render === 'antv' && view.type.includes('table')))"
> >
<span class="padding-lr">{{ $t('chart.analyse_cfg') }}</span> <span class="padding-lr">{{ $t('chart.analyse_cfg') }}</span>
<el-collapse v-model="styleActiveNames" class="style-collapse"> <el-collapse v-model="styleActiveNames" class="style-collapse">
<el-collapse-item <el-collapse-item
v-if="view.type && (view.type.includes('bar') || view.type.includes('line') || view.type.includes('mix'))" v-if="view.type && (view.type.includes('bar') || view.type.includes('line') || view.type.includes('area') || view.type.includes('mix'))"
name="analyse" name="analyse"
:title="$t('chart.assist_line')" :title="$t('chart.assist_line')"
> >
@ -1715,7 +1715,8 @@ export default {
view.type === 'treemap' || view.type === 'treemap' ||
view.type === 'liquid' || view.type === 'liquid' ||
view.type === 'word-cloud' || view.type === 'word-cloud' ||
view.type === 'waterfall') { view.type === 'waterfall' ||
view.type.includes('group')) {
if (view.yaxis.length > 1) { if (view.yaxis.length > 1) {
view.yaxis.splice(1, view.yaxis.length) view.yaxis.splice(1, view.yaxis.length)
} }