ECharts 学习笔记 - x/y轴强制显示最小值、最大值

Dear 丶 2022-11-01 04:23 711阅读 0赞

### ECharts 学习笔记 - x/y轴 强制显示最小值、最大值 ###

*  开启前
 *  开启后
 *  例子
 *  参考资料

当数轴上刻度过多无法全部显示时，需要隐藏一部分。  
默认由系统自动判定，这时最大小最值就不一定会显示出来。（即如果标签重叠，不会显示）

关键在于这两个属性 `showMinLabel`、`showMaxLabel`

> xAxis.axisLabel. showMinLabel  
> boolean  
> 是否显示最小 tick 的 label。可取值 true, false, null。默认自动判定（即如果标签重叠，不会显示最小 tick 的 label）。

> xAxis.axisLabel. showMaxLabel  
> boolean  
> 是否显示最大 tick 的 label。可取值 true, false, null。默认自动判定（即如果标签重叠，不会显示最大 tick 的 label）。

# 开启前 #

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2p4NTIw_size_16_color_FFFFFF_t_70]

# 开启后 #

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2p4NTIw_size_16_color_FFFFFF_t_70 1]

# 例子 #

(打开链接，代码复制过去运行即可)  
[https://echarts.apache.org/v4/examples/zh/editor.html?c=line-simple][https_echarts.apache.org_v4_examples_zh_editor.html_c_line-simple]

# 参考资料 #

[xAxis.axisLabel. showMinLabel][]  
[xAxis.axisLabel. showMaxLabel][]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2p4NTIw_size_16_color_FFFFFF_t_70]: /images/20221024/d1a0fc2ca9fa484e8558d5b9d75f4b9f.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2p4NTIw_size_16_color_FFFFFF_t_70 1]: /images/20221024/4f8b3934aaf74eb7ad7bad4b33d67dda.png
[https_echarts.apache.org_v4_examples_zh_editor.html_c_line-simple]: https://echarts.apache.org/v4/examples/zh/editor.html?c=line-simple
[xAxis.axisLabel. showMinLabel]: https://echarts.apache.org/v4/zh/option.html#xAxis.axisLabel.showMinLabel
[xAxis.axisLabel. showMaxLabel]: https://echarts.apache.org/v4/zh/option.html#xAxis.axisLabel.showMaxLabel