ECharts 入门教程 Treemap:使用面包屑显示当前节点路径

2024-02-25 开发教程 ECharts 入门教程 匿名 7

series[i]-treemap.breadcrumb

在 Treemap 中使用面包屑,它能够显示当前节点的路径。

Treemap 面包屑属性

show

是否显示面包屑,默认为 Boolean 值,设置时值为 true。

left

asdf 组件离容器左侧的距离。

left 的值可以是像 20 这样的具体像素值,可以是像 '20%' 这样相对于容器高宽的百分比,也可以是 'left', 'center', 'right'。

如果 left 的值为'left', 'center', 'right',组件会根据相应的位置自动对齐。

top

asdf 组件离容器上侧的距离。

top 的值可以是像 20 这样的具体像素值,可以是像 '20%' 这样相对于容器高宽的百分比,也可以是 'top', 'middle', 'bottom'。

如果 top 的值为'top', 'middle', 'bottom',组件会根据相应的位置自动对齐。

right

asdf 组件离容器右侧的距离。

right 的值可以是像 20 这样的具体像素值,可以是像 '20%' 这样相对于容器高宽的百分比。

默认自适应。

bottom

asdf 组件离容器下侧的距离。

bottom 的值可以是像 20 这样的具体像素值,可以是像 '20%' 这样相对于容器高宽的百分比。

默认自适应。

height

面包屑的高度,取值类型为 number,默认值为 22。

emptyItemWidth

当面包屑没有内容时候,您可以设个最小宽度。取值类型为 number,默认值为 22。

itemStyle

图形样式,有 normal 和 emphasis 两个状态。normal 是图形在默认状态下的样式;emphasis 是图形在高亮状态下的样式,比如在鼠标悬浮或者图例联动高亮时。

面包屑,能够显示当前节点的路径。