通用图表选项
除了各图表类型定义的各自特有的图表选项,系统还内置了一些通用图表选项,这些选项可以在任意图表中设置,主要用于控制内置图表功能,
比如:显示/隐藏内置工具栏(参数/数据)、开启图表追加更新模式。
通用图表选项格式如下所示:
{
//禁用内置工具栏(参数/数据),格式同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
}