5.13. 图表渲染器参数结构

图表插件的chartRenderer.render、chartRenderer.update函数参数结构如下所示:

  • chart(当前图表对象)

    1. {
    2. id: "...", //图表ID
    3. name: "...", //图表名称
    4. elementId: "...", //用于渲染图表的HTML元素ID
    5. chartDataSets: [...], //图表数据集数组
    6. updateInterval: ..., //图表更新间隔毫秒数值,-1 不更新;0 实时更新;>0 间隔更新
    7. renderContext: {...} //图表渲染上下文
    8. ... //其他,具体参考datagear-chartFactory.js中的chartBase.***函数说明。
    9. }
  • chart.chartDataSets[i]

    1. {
    2. dataSet: //数据集
    3. {
    4. id: "...", //数据集ID
    5. name: "...", //数据集名称
    6. properties: //数据集属性数组(SQL查询结果列信息数组)
    7. [
    8. {
    9. name: "...", //属性名
    10. type: "..." //属性类型
    11. },
    12. ...
    13. ]
    14. },
    15. propertySigns: //针对上述数据集属性的标记
    16. {
    17. "...": ["...", ...], //数据集属性名 -> 图表插件中定义的数据标记名称数组
    18. "...": ["...", ...],
    19. ...
    20. }
    21. }
  • chart.renderContext

    1. {
    2. attributes:
    3. {
    4. chartTheme: {...}, //默认图表主题,与上述设置图表主题的"dg-chart-theme"结构相同
    5. renderStyle: "..." //默认图表渲染风格:"LIGHT" 浅色;"DARK" 暗色
    6. }
    7. }
  • results(当前图表关联的数据集查询结果数组)

    1. [
    2. {
    3. datas: [{...}, ...] //chart.chartDataSets[i].dataSet对应的查询结果数组
    4. },
    5. ...
    6. ]
  • results[i].datas[j]

    1. {
    2. "...": ..., //dataSet.properties[0].name -> 数据值
    3. "...": ..., //dataSet.properties[1].name -> 数据值
    4. ...
    5. }