创新互联ECharts教程：ECharts平行坐标系的属性

parallel.zlevel   |   number

[ default: 0 ]

创新互联建站长期为上千多家客户提供的网站建设服务，团队从业经验10年，关注不同地域、不同群体，并针对不同对象提供差异化的产品和服务；打造开放共赢平台，与合作伙伴共同营造健康的互联网生态环境。为高唐企业提供专业的成都网站建设、网站制作，高唐网站改版等技术服务。拥有10多年丰富建站经验和众多成功案例,为您定制开发。

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

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

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

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

parallel.z   |   number

[ default: 2 ]

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

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

parallel.left   |   string, number

[ default: 80 ]

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

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

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

parallel.top   |   string, number

[ default: 60 ]

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

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

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

parallel.right   |   string, number

[ default: 80 ]

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

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

parallel.bottom   |   string, number

[ default: 60 ]

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

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

parallel.width   |   string, number

[ default: 'auto' ]

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

parallel.height   |   string, number

[ default: 'auto' ]

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

parallel.layout   |   string

[ default: 'horizontal' ]

平行坐标系的布局方式，可选值为：

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

parallel.axisExpandable   |   boolean

[ default: false ]

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

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

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

parallel.axisExpandCenter   |   number

[ default: null ]

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

参见本节的 parallel.axisExpandable

parallel.axisExpandCount   |   number

[ default: 0 ]

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

参见本节的 parallel.axisExpandCenter 与 parallel.axisExpandable

parallel.axisExpandWidth   |   number

[ default: 50 ]

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

参见本节的 parallel.axisExpandable

parallel.axisExpandTriggerOn   |   string

[ default: 'click' ]

可取值：

• 'click'：鼠标点击的时候 expand。
• 'mousemove'：鼠标悬浮的时候 expand。

当前文章：创新互联ECharts教程：ECharts平行坐标系的属性
网页地址：http://www.shufengxianlan.com/qtweb/news29/247579.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联