center/dataease-dm
center/dataease-dm
13
0
Fork 0
forked from github/dataease
Code Pull Requests Activity

feat: 矩形树图优化

Browse Source
This commit is contained in:
junjie 2021-08-18 18:04:53 +08:00
parent 475e6059e7
commit a4cc937575
2 changed files with 12 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
frontend/src/views/chart/chart/treemap/treemap.js
View File

@ -28,9 +28,17 @@ export function baseTreemapOption(chart_option, chart) {
chart_option.series[0].height = (customAttr.size.treemapHeight ? customAttr.size.treemapHeight : 80) + '%' chart_option.series[0].height = (customAttr.size.treemapHeight ? customAttr.size.treemapHeight : 80) + '%'
} }
// label // label
// if (customAttr.label) { if (customAttr.label) {
// chart_option.series[0].label = customAttr.label // chart_option.series[0].label = customAttr.label
// } const l = {
show: true,
position: customAttr.label.position,
color: customAttr.label.color,
fontSize: customAttr.label.fontSize,
formatter: customAttr.label.show ? customAttr.label.formatter : ''
}
chart_option.series[0].label = l
}
const valueArr = chart.data.series[0].data const valueArr = chart.data.series[0].data
for (let i = 0; i < valueArr.length; i++) { for (let i = 0; i < valueArr.length; i++) {
// const y = { // const y = {

2
frontend/src/views/chart/view/ChartEdit.vue
View File

@ -436,7 +436,7 @@
<el-collapse-item v-show="chart.type !== 'map'" name="size" :title="$t('chart.size')"> <el-collapse-item v-show="chart.type !== 'map'" name="size" :title="$t('chart.size')">
<size-selector :param="param" class="attr-selector" :chart="chart" @onSizeChange="onSizeChange" /> <size-selector :param="param" class="attr-selector" :chart="chart" @onSizeChange="onSizeChange" />
</el-collapse-item> </el-collapse-item>
<el-collapse-item v-show="!view.type.includes('table') && !view.type.includes('text') && view.type !== 'treemap'" name="label" :title="$t('chart.label')"> <el-collapse-item v-show="!view.type.includes('table') && !view.type.includes('text')" name="label" :title="$t('chart.label')">
<label-selector :param="param" class="attr-selector" :chart="chart" @onLabelChange="onLabelChange" /> <label-selector :param="param" class="attr-selector" :chart="chart" @onLabelChange="onLabelChange" />
</el-collapse-item> </el-collapse-item>
<el-collapse-item v-show="!view.type.includes('table') && !view.type.includes('text')" name="tooltip" :title="$t('chart.tooltip')"> <el-collapse-item v-show="!view.type.includes('table') && !view.type.includes('text')" name="tooltip" :title="$t('chart.tooltip')">