阅读(326)
赞(2)
ECharts设置极坐标系属性
2017-09-12 13:43:03 更新
polar.zlevel | number
[ default: 0 ]
得到 ECharts 中极坐标系所有图形的 zlevel 值。
zlevel 用于 Canvas 分层,不同 zlevel 值的图形会放置在不同的 Canvas 中,Canvas 分层是一种常见的优化手段。我们可以把一些图形变化频繁(例如有动画)的组件设置成一个单独的zlevel。需要注意的是过多的 Canvas 会引起内存开销的增大,在手机端上需要谨慎使用以防崩溃。
zlevel 大的 Canvas 会放在 zlevel 小的 Canvas 的上面。
polar.z | number
[ default: 2 ]
得到 ECharts 中极坐标系所有图形的 z 值。控制图形的前后顺序,z 值小的图形会被 z 值大的图形覆盖。
z 相比 zlevel 优先级更低,而且不会创建新的 Canvas。
polar.center | Array
[ default: ['50%', '50%'] ]
得到极坐标系的中心(圆心)坐标,数组的第一项是横坐标,第二项是纵坐标。
可以设置成百分比,设置成百分比时第一项是相对于容器宽度,第二项是相对于容器高度。
使用示例:
// 设置成绝对的像素值
center: [400, 300]
// 设置成相对的百分比
center: ['50%', '50%']
polar.radius | Array
得到极坐标系的半径,数组的第一项是内半径,第二项是外半径。
支持设置成百分比,相对于容器高宽中较小的一项的一半。