2021SC@SDUSC
目录
一、前言
本文主要分析amis框架中,数据表达中,sparkline走势图
简单走势图,只做简单的展示,详细展示采用 Chart 来完成。
基本使用
配置类型,然后设置值即可,值为数组格式。
当前例子为静态值,通常你会需要配置成 name
与当前环境数据关联。
{
"type": "page",
"body": {
"type": "sparkline",
"height": 30,
"value": [
]
}
}
点击行为
可以通过配置"clickAction": {}
,来指定图表节点的点击行为,支持 amis 的 行为。
{
"type": "page",
"body": {
"type": "sparkline",
"value": [
],
"clickAction": {
"actionType": "dialog",
"dialog": {
"title": "走势详情",
"body": "这里你可以放个 chart 来展示详情。"
}
空数据显示
通过 placeholder
可以设置空数据时显示的内容
"type": "page",
"body": {
"type": "sparkline",
"value": [],
"placeholder": "无数据"
}
}