其他分享
首页 > 其他分享> > amis学习笔记-代码分析11

amis学习笔记-代码分析11

作者:互联网

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

  }

}

标签:11,body,sparkline,笔记,value,type,page,amis
来源: https://blog.csdn.net/m0_55689825/article/details/122182978