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

  }

}

上一篇:本地包含与远程包含


下一篇:在Vue项目中实现 highchart 图表的导出(下载)功能