JSRUN 用代码说话

平行坐标系的属性

编辑教程

平行坐标系的属性


parallel.zlevel

number [ 默认值: 0 ]

设置 ECharts 平行坐标系所有图形的 zlevel 值。

zlevel 用于 Canvas 分层(一种常见的优化手段),不同 zlevel 值的图形会放置在不同的 Canvas 中。我们可以把一些图形变化频繁(例如有动画)的组件设置成一个单独的 zlevel。

需要注意的是过多的 Canvas 会引起内存开销的增大,在手机端上需要谨慎使用以防崩溃。

zlevel 大的 Canvas 会放在 zlevel 小的 Canvas 的上面。


parallel.z

number [ 默认值: 2 ]

平行坐标系组件的所有图形的 z 值,用于控制图形的前后顺序。z 值小的图形会被 z 值大的图形覆盖。

z 相比 zlevel 优先级更低,而且不会创建新的 Canvas。


parallel.left

string, number [ 默认值: 80 ]

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

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

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


parallel.top

string, number [ 默认值: 60 ]

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

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

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


parallel.right

string, number [ 默认值: 80 ]

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

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


parallel.bottom

string, number [ 默认值: 60 ]

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

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


parallel.width

string, number [ 默认值: 'auto' ]

设置 parallel 组件的宽度。默认为自适应。


parallel.height

string, number [ 默认值: 'auto' ]

设置 parallel 组件的高度。默认为自适应。


parallel.layout

string [ 默认值: 'horizontal' ]

平行坐标系的布局方式,可选值为:

'horizontal' 水平排布各个坐标轴。
'vertical' 竖直排布各个坐标轴。

parallel.axisExpandable

boolean [ 默认值: false ]

维度比较多时,比如有 50+ 的维度,那么就会有 50+ 个轴。那么可能会页面显示不下。

可以通过 parallel.axisExpandable 来改善显示效果,如本例:

该属性表示是否允许点击展开折叠的 axis。


parallel.axisExpandCenter

number [ 默认值: null ]

初始时,以哪个轴为中心展开平行坐标系,这里给出轴的 index。没有默认值,需要手动指定。


parallel.axisExpandCount

number [ 默认值: 0 ]

初始时,有多少个轴会处于展开状态。建议根据你的维度个数而手动指定。


parallel.axisExpandWidth

number [ 默认值: 50 ]

在展开状态,轴的间距是多少,单位为像素。


parallel.axisExpandTriggerOn

string [ 默认值: 'click' ]

可取值:

'click' 鼠标点击的时候 expand。
'mousemove' 鼠标悬浮的时候 expand。
JSRUN闪电教程系统是国内最先开创的教程维护系统, 所有工程师都可以参与共同维护的闪电教程,让知识的积累变得统一完整、自成体系。 大家可以一起参与进共编,让零散的知识点帮助更多的人。
X
支付宝
9.99
无法付款,请点击这里
金额: 0
备注:
转账时请填写正确的金额和备注信息,到账由人工处理,可能需要较长时间
如有疑问请联系QQ:565830900
正在生成二维码, 此过程可能需要15秒钟