机器数据分析平台

  • 机器数据分析平台 > 应用开发者文档 > APP开发手册 > XML 引用 > xml参考手册 >chart

    chart

    最近更新时间: 2020-02-18 18:18:00

    <chart>元素定义图表,可写入类型属性:

    • type:用于定义图表的类型,支持:
    图表分类 图表类型 说明
    二维图表 折线图
    柱状图
    面积图
    散点图
    气泡图
    type="line"
    type="bar"
    type="area"
    type="scatter"
    type="bubble"
    一维图表 分组饼图
    指标饼图
    分组环图
    指标环图
    分组玫瑰图
    指标玫瑰图
    嵌套饼图
    数字单值图
    仪表单值图
    占比图
    中国地图
    世界地图
    城市气泡图
    中国迁徙图
    世界迁徙图
    雷达图
    多重雷达图
    旭日图
    type="pie-bucket"
    type="pie-metric"
    type="pie-ring-bucket"
    type="pie-ring-metric"
    type="pie-rose-bucket"
    type="pie-rose-metric"
    type="pie-nest"
    type="single-value"
    type="single-gauge"
    type="single-percent"
    type="map-china"
    type="map-world"
    type="city-bubble"
    type="migration-china"
    type="migration-world"
    type="radar-bucket"
    type="radar-metric"
    type="sunburst"
    其他 网格数据表
    树状数据表
    环形关系图
    弧形关系图
    时间轴
    二级桑基图
    多级桑基图
    type="grid-table"
    type="tree-table"
    type=“relationCircular”
    type=“relationHorizontal”
    type="timeline"
    type=“sankey-compatible”
    type=“sankeyStrict”
    • 二维图表公共子元素
    子元素 说明
    <title> 表示图表的标题, 详解参见<title>元素
    <search> 表示图表的搜索条件, 详解参见<search>元素
    <hide-header> 表示是否隐藏图表的 header,详解参见<hide-header>元素
    <option> option 元素可为图表提供一些通用属性, 不同图表支持的 option 属性不同, 详情参见具体图表的<option>元素。
    <legend> 图表的图例配置, 详解参见二维图表<legend>元素
    <groups> 表示图表中折线颜色的分组字段配置,详见<groups>元素
    <x-axis> 表示图表的主轴的一些配置, 详解参见<x-axis>元素
    <y-axis> 表示图表的 y 轴的一些配置, 详解参见<y-axis>元素
    <y2-axis> 线图面积图里可以有 2 个 y 轴,分别表示不同的指标配置, 详解参见<y2-axis>元素
    • 一维图表子公共元素
    子元素 说明
    <option> option元素可为图表提供一些通用属性, 不同图表支持的 option 属性不同, 详情参见具体图表的<option>元素。
    <title> 表示图表的标题, 详解参见<title>元素
    <hide-header> 表示是否隐藏图表的 header
    <search> 表示图表的搜索条件, 详解参见<search>元素
    • 一维图表每种图表类型特有的子元素

    1.分组饼图、指标饼图、分组玫瑰图、指标玫瑰图、中国地图、世界地图

    子元素 说明
    <legend> 图表的图例配置, 详解参见一维图表<legend>元素

    2.分组环图、指标环图

    子元素 说明
    <data-font> 标题的数值字体,详见<data-font>元素
    <title-font> 标题字体,详见<title-font>元素

    3.数字单值图

    子元素 说明
    <data-font> 标题的数值字体,详见<data-font>元素
    <color-splitter > 阈值分段情况,可配置多个,详见<color-splitter>元素
    <prefix> 可给数值填充前缀
    <suffix> 可给数值填充后缀

    4.仪表单值图、占比图

    子元素 说明
    <data-font> 标题的数值字体,详见<data-font>元素
    <title-font> 标题字体,详见<title-font>元素
    <color-splitter > 阈值分段情况,可配置多个,详见<color-splitter>元素

    5.雷达图

    子元素 说明
    <legend> 图表的图例配置, 详解参见一维图表<legend>元素
    <indicator> 指示器配置详情,可配置多个 ,详见<indicator>元素
    • 其他图表类型公共子元素
    元素签 说明
    <option> option 元素可为图表提供一些通用属性, 不同图表支持的 option 属性不同, 详情参见具体图表的<option>元素。
    <title> 表示图表的标题, 详解参见<title>元素
    <hide-header> 表示是否隐藏图表的 header
    <search> 表示图表的搜索条件, 详解参见<search>元素
    • 其他图表每种图表类型特有的子元素

    1.网格表、数据表

    子元素 说明
    <column> 为数据表设置每一列的显示字段以及具体的列的样式,详解参见<column>元素
    <row> 根据行数据进行筛选,并设置筛选匹配的颜色,详解参见<row>元素
    以上内容是否对您有帮助?
  • Qvm free helper
    Close