跳到主要内容

矩形树图

图表底层基于 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,依赖 dvLabelTypeformatter

注意

需要配置series.label.rich[name]series.label.rich[value]

  • 类型 number

label 标签的最小字号。

series.label.rich[key].dvLineHeight

提示

具体用法参照 demo,依赖 dvLabelTypeformatter

注意

需要配置series.label.rich[name]series.label.rich[value]

  • 类型 number

label 标签的比例行高。

series.label.rich[key].dvValueFontDeviation

提示

具体用法参照 demo,依赖 dvLabelTypeformatter

注意

需要配置series.label.rich[name]series.label.rich[value]

  • 类型 number

label 标签的 value 字号校准(小数点和一些字符会导致计算异常)。