阿里云DataV数据可视化---数据

阿里云DataV数据可视化—数据过滤器

阿里云数据过滤器介绍文档

• 数组对象如何根据时间排序

const data= [ {
    "taxAmount": "8136.07",
    "createdTime": "2022-07-05",
  },
  {
    "taxAmount": "7901.20",
    "createdTime": "2022-07-06",
  },
  {
    "taxAmount": "21018.76",
    "createdTime": "2022-07-05",
  },
  {
    "taxAmount": "4498.36",
    "createdTime": "2022-07-05",
  },
  {
    "taxAmount": "4517.63",
    "createdTime": "2022-07-06",
  }]

function filter(data){
	const result = data.sort((a, b) => Date.parse(b.createdTime) - Date.parse(a.createdTime));
	return result;
}

阿里云DataV数据可视化—在请求数据接口时传递动态参数

• 组件：组件包含两种能力，事件抛出能力和动作执行能力。
  输入框：这个组件具备抛出点击事件的能力。
  基本柱状图：属于被联动组件，具有接收数据并执行动作的能力。
• 蓝图编辑器

1、单击基本柱状图，在右侧的数据面板中，将数据源配置为如下所示的API数据。

2、切换到蓝图编辑器配置页面。前者时间事件触发后者动作
3、输入文本，点击确认即可输出到控制台如何在请求数据接口时传递动态参数