【Axure高保真原型】拖拉拽版折线图

**Axure 高保真原型设计**

在软件开发领域，原型设计是产品设计过程中的一个重要环节。Axure是一款强大的原型设计工具，可以帮助我们快速创建高保真原型，并且可以与实际的产品实现相互关联。

本文将介绍如何使用Axure设计拖拉拽版折线图的高保真原型。

**第一步：新建项目**

首先，我们需要在Axure中新建一个项目。点击"文件"->"新建"，选择"原型设计"作为项目类型。

![]( />
**第二步：创建页面**

在新建的项目中，我们需要创建一个页面来放置我们的折线图。点击"页面"->"新建页面"，输入页面名称为"折线图"。

![]( />
**第三步：添加折线图组件**

在页面中，我们需要添加一个折线图组件来显示我们的数据。点击"组件"->"折线图"，选择折线图类型为"拖拉拽版折线图"。

![]( />
**第四步：配置折线图**

在折线图组件中，我们需要配置一些属性来显示我们的数据。点击"属性"->"折线图"，输入以下属性：

* **标题**: "折线图"
* **X轴标签**: "时间"
* **Y轴标签**: "值"
* **折线颜色**: "#FF0000"

![]( />
**第五步：添加数据**

在折线图组件中，我们需要添加一些数据来显示我们的折线图。点击"数据"->"新建数据源"，输入以下数据：

| 时间 | 值 |
| --- | --- |
|2022-01-01 |10 |
|2022-01-02 |20 |
|2022-01-03 |30 |
|2022-01-04 |40 |
|2022-01-05 |50 |

![]( />
**第六步：保存原型**

最后，我们需要保存我们的原型。点击"文件"->"保存",选择保存位置和名称。

![]( />
**代码示例**

以下是Axure的JSON代码示例：

json{
 "id": "折线图",
 "type": "page",
 "components": [
 {
 "id": "折线图组件",
 "type": "折线图",
 "x":100,
 "y":100,
 "width":500,
 "height":300,
 "properties": {
 "标题": "折线图",
 "X轴标签": "时间",
 "Y轴标签": "值",
 "折线颜色": "#FF0000"
 },
 "dataSources": [
 {
 "id": "数据源1",
 "type": "数据源",
 "values": [
 {
 "时间": "2022-01-01",
 "值":10 },
 {
 "时间": "2022-01-02",
 "值":20 },
 {
 "时间": "2022-01-03",
 "值":30 },
 {
 "时间": "2022-01-04",
 "值":40 },
 {
 "时间": "2022-01-05",
 "值":50 }
 ]
 }
 ]
 }
 ]
}