矩形树图
图表底层基于 ECharts,所以参考 ECharts 官方配置项文档使用即可。
同时,在 ECharts 之上我们对其能 力做了扩展,暴露了部分自定义配置项(均以 dv 前缀进行命名,以和 ECharts 配置项做以区分),在这里进行说明。
矩形树图是 ECharts 已支持的图表,仅对其部分功能进行增强实现。
实时调试预览
矩形树图其它相关组件示例请在组件示例平台搜索查看。
自定义配置项
以下配置项只在 series.type: 'treemap' 时有效。
series.dvMinPercent
- 类 型
number
dvMinPercent只在'mobile-app-light'主题以及业务主题下起作用
设置最小比例的图形,小于该比例按该比例展示。
series.dvLabelType
会依赖 series.label.formatter 等布局,并且需要配置series.label.rich[name]和series.label.rich[value],参考示例进行使用。
- 类型
'twoLineBasic' | 'twoLineCenter' | 'staticCenter'
label 的展示类型。
series.dvLabelShowTimer
适用于带下钻的矩形树图,下钻后展示 label 的动画时间。
- 类型
number
下钻后展示label的动画时间。
series.label.rich[key].dvMinFontSize
具体用法参照 demo,依赖 dvLabelType,formatter。
需要配置series.label.rich[name]和series.label.rich[value]。
- 类型
number
label 标签的最小字号。
series.label.rich[key].dvLineHeight
具体用法参照 demo,依赖 dvLabelType,formatter。
需要配置series.label.rich[name]和series.label.rich[value]。
- 类型
number
label 标签的比例行高。
series.label.rich[key].dvValueFontDeviation
具体用法参照 demo,依赖 dvLabelType,formatter。
需要配置series.label.rich[name]和series.label.rich[value]。
- 类型
number
label 标签的 value 字号校准(小数点和一些字符会导致计算异常)。