通用图表选项

本文档仅提供2.0API版本的相关功能说明,对于1.0API版本的功能,请参考旧版文档。
除了各图表类型定义的各自特有的图表选项,系统还内置了一些通用图表选项,这些选项可以在任意图表中设置,主要用于控制内置图表功能, 比如:显示/隐藏内置工具栏(参数/数据)、开启图表追加更新模式。
通用图表选项格式如下所示:
{
  //禁用内置工具栏(参数/数据),格式同chart.disableTool()函数的disable参数
  disableTool: ...,
  //设置图表追加更新模式,格式同chart.updateAppendMode()函数的appendMode参数
  updateAppendMode: ...,
  //内置工具栏(参数/数据)详细选项
  builtinTool:
  {
    //显示模式:"hover" 悬停时显示;"display" 始终显示
    displayMode: "hover"、"display",
    //显示位置:
    //"rightTop" 右上(默认值);"rightCenter" 右中;"rightBottom" 右下;
    //"leftTop" 左上;"leftCenter" 左中;"leftBottom" 左下;
    //"centerTop" 中上;"center" 居中;"centerBottom" 中下
    position: "rightTop",
    //布局方向:"row" 行式;"column" 列式
    direction: "row"、"column",
    //【参数】按钮配置
    paramButton:
    {
      //文本内容
      text: "参数",
      //按钮样式,比如:"font-size:1.5rem;color:red;"
      style: "...",
      //按钮样式类名,比如:"primary-btn padding-2"
      styleClass: "..."
    },
    //【数据】按钮配置
    dataButton:
    {
      //文本内容
      text: "数据",
      //按钮样式,比如:"font-size:1.5rem;color:red;"
      style: "...",
      //按钮样式类名,比如:"primary-btn padding-2"
      styleClass: "..."
    },
    //内置图表参数面板表单提交前置回调函数,
    //返回false(不关闭面板)、"break-show"(不关闭面板)、"break-hide"(关闭面板)将阻止表单提交,
    //无返回值或者返回其他值将继续表单提交,其中返回"continue-show"将不关闭面板
    onParamFormSubmit: function(chart){ ... }
  }
}
比如,对于设置了【定时刷新】的内置折线图图表,为其添加如下updateAppendMode图表选项, 可以使其具有保留部分旧数据的平滑刷新效果。
{
  updateAppendMode: 20
}
 
京ICP备18055183号-1
© 2018-2024 datagear.tech 北京溪歌科技有限公司
登录