指标图表可以设置忽略空值和其他对象值

This commit is contained in:
刘祥超
2021-07-26 16:44:22 +08:00
parent 5084d9f87e
commit cbd312e67d
6 changed files with 88 additions and 31 deletions

View File

@@ -36,6 +36,22 @@
<span v-else>{{chart.maxItems}}</span>
</td>
</tr>
<tr>
<td>忽略空值对象</td>
<td>
<span v-if="chart.ignoreEmptyKeys" class="green">Y</span>
<span v-else class="disabled">N</span>
</td>
</tr>
<tr>
<td>忽略其他对象</td>
<td>
<div v-if="chart.ignoredKeys.length > 0">
<span v-for="key in chart.ignoredKeys" class="ui label basic small">{{key}}</span>
</div>
<span v-else class="disabled">没有要忽略的对象。</span>
</td>
</tr>
</table>
<h4>图表示例</h4>

View File

@@ -43,6 +43,20 @@
<p class="comment">在图表中能显示的最多对象数0表示不限制。</p>
</td>
</tr>
<tr>
<td>忽略空值对象</td>
<td>
<checkbox name="ignoreEmptyKeys"></checkbox>
<p class="comment">选中后,空的对象值不会在图表中出现。</p>
</td>
</tr>
<tr>
<td>忽略其他对象</td>
<td>
<values-box name="ignoredKeys"></values-box>
<p class="comment">这些对象不会在图表中出现。</p>
</td>
</tr>
</tbody>
</table>
<submit-btn></submit-btn>

View File

@@ -48,6 +48,20 @@
<p class="comment">在图表中能显示的最多对象数0表示不限制。</p>
</td>
</tr>
<tr>
<td>忽略空值对象</td>
<td>
<checkbox name="ignoreEmptyKeys" value="1" checked="checked" v-model="chart.ignoreEmptyKeys"></checkbox>
<p class="comment">选中后,空的对象值不会在图表中出现。</p>
</td>
</tr>
<tr>
<td>忽略其他对象</td>
<td>
<values-box name="ignoredKeys" :values="chart.ignoredKeys"></values-box>
<p class="comment">这些对象不会在图表中出现。</p>
</td>
</tr>
</tbody>
</table>
<submit-btn></submit-btn>