JSRUN 用代码说话

radar组件的基本属性介绍

编辑教程

radar组件的基本属性介绍


radar.zlevel

number [ 默认值: 0 ]

radar 组件所有图形的 zlevel 值。

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

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

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


radar.z

number [ 默认值: 2 ]

radar 组件所有图形的 z 值。控制图形的前后顺序。z 值小的图形会被 z 值大的图形覆盖。

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

radar.center

Array [ 默认值: ['50%', '50%'] ]

radar 组件的中心(圆心)坐标,数组的第一项是横坐标,第二项是纵坐标。

支持设置成百分比,设置成百分比时第一项是相对于容器宽度,第二项是相对于容器高度。

使用示例:

// 设置成绝对的像素值
center: [400, 300]
// 设置成相对的百分比
center: ['50%', '50%']

radar.radius

number, string [ 默认值: 75% ]

radar 组件的半径,数组的第一项是内半径,第二项是外半径。

支持设置成百分比,相对于容器高宽中较小的一项的一半。


radar.startAngle

number [ 默认值: 90 ]

雷达图坐标系的起始角度,也就是第一个指示器轴的角度。


radar.name

Object 雷达图每个指示器名称的配置项。详细的名称样式配置见下节内容。


radar.nameGap

number [ 默认值: 15 ]

雷达图指示器名称和指示器轴的距离。


radar.splitNumber

number [ 默认值: 5 ]

雷达图指示器轴的分割段数。


radar.shape

string [ 默认值: 'polygon' ]

雷达图的绘制类型,支持的类型有 'polygon' 和 'circle'。


radar.scale

boolean [ 默认值: false ]

radar 组件是否是脱离 0 值比例。设置成 true 后坐标刻度不会强制包含零刻度。在双数值轴的散点图中比较有用。


radar.silent

boolean [ 默认值: false ]

radar 坐标轴是否是静态无法交互。


radar.triggerEvent

boolean [ 默认值: false ]

雷达图的坐标轴的标签是否响应和触发鼠标事件,默认不响应。

事件参数如下:

{
    // 组件类型,xAxis, yAxis, radiusAxis, angleAxis
    // 对应组件类型都会有一个属性表示组件的 index,例如 xAxis 就是 xAxisIndex
    componentType: string,
    // 未格式化过的刻度值, 点击刻度标签有效
    value: '',
    // 坐标轴名称, 点击坐标轴名称有效
    name: ''
}
JSRUN闪电教程系统是国内最先开创的教程维护系统, 所有工程师都可以参与共同维护的闪电教程,让知识的积累变得统一完整、自成体系。 大家可以一起参与进共编,让零散的知识点帮助更多的人。
X
支付宝
9.99
无法付款,请点击这里
金额: 0
备注:
转账时请填写正确的金额和备注信息,到账由人工处理,可能需要较长时间
如有疑问请联系QQ:565830900
正在生成二维码, 此过程可能需要15秒钟