更新时间:2022-02-22 GMT+08:00

环形柱图

环形柱图是柱状图的一种,常用于展示不同系列的数据的对比情况。本章节主要介绍环形柱图组件各配置项的含义。

图1 环形柱图

样式

  • 尺寸位置
    • 图表尺寸:图表的宽和高。单位均为px。
    • 图表位置:图表在画布中的位置。单位均为px。
  • 图形属性
    • 柱间间距:环形柱子之间的距离,单位为px。
    • 最大弧度:环形柱子的最大弧度,即环形柱图中数值最大的环形柱子的弧度,其他环形柱子根据数值大小弧度按比例递减。当设置为360时,数值最大的环形柱子将显示为圆形。单位为度(°)。
    • 内半径:环形柱子的内圆半径。
    • 外半径:环形柱子的外圆半径。
    • 起点颜色:环形柱子起点的颜色。
    • 终点颜色:环形柱子终点的颜色。
  • 文本样式
    图2 环形柱图-文本样式
  • 网格线:显示或隐藏网格线。显示网格线的效果如图3所示。

    网格颜色:网格线的颜色。

    图3 环形柱图-网格线
  • 提示信息:显示或隐藏提示信息。开启后,在预览或查看大屏时,鼠标悬浮或点击在图上时显示提示信息。可单击页面右上角的按钮进行预览。
    • 颜色:提示信息的字体颜色。
    • 字号:提示信息的字体大小。
    • 字体粗细:提示信息的字体粗细。
  • 动画:开启后,环形柱图在显示时将使用动画效果。
    • 初始动画时长:环形柱图在第一次显示时的动画时长,单位为ms。
    • 动画效果:在下拉列表中可选择所需要的动画效果。
    • 各系列依次动画:开启后,各系列的环形柱子依次动画显示。未开启时,所有的环形柱子同时动画显示。
    • 更新动画时长:数据更新时,环形柱图的动画时长,单位为ms。
      图4 环形柱图-动画

数据

如何使用组件的数据配置,请参照设置组件数据

交互

关于组件是否支持交互功能及交互的使用方法,请参考设置组件事件交互