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": "无数据"

  }

}