四、动画图表（02）：折线图
·
视频链接：哔哩哔哩
折线图通过动态波形显示数据变化趋势，比较不同类别间的差异，揭示模式和趋势，适用于技术监控和分析。
应用场景
- 经济分析：在经济分析中，折线图可以用于显示GDP、失业率、通货膨胀率等经济数据的变化趋势，帮助人们了解经济发展情况。
- 医疗保健：在医疗保健中，折线图可以用于显示心率、血压、血糖等生理数据的变化趋势，帮助医生了解患者的健康状况。
- 体育运动：在体育运动中，折线图可以用于显示速度、距离、心率等运动数据的变化趋势，帮助运动员了解自己的训练情况。
- 电商分析：在电商分析中，折线图可以用于显示销售额、流量、转化率等电商数据的变化趋势，帮助电商企业了解经营情况。
常用属性
折线属性
| 属性 | 作用 | 默认值 |
|---|---|---|
| Y轴数据 | 设置折线图的Y轴数据列表，支持变量绑定 | |
| X轴数据 | 设置折线图的X轴数据列表，支持变量绑定 | |
| 线条颜色 | 设置折线图的线条颜色 | #FF000000 |
| 线条宽度 | 设置折线图的线条宽度 | 2 |
| 光滑拐点 | 设置折线图的拐点是否光滑 | true |
| 显示点 | 设置折线图是否显示点 | false |
| 折线下方填充 | 设置折线图折线下方是否填充 | true |
| 填充颜色 | 当开启 折线下方填充 后，该属性有效，设置折线图填充颜色 | #FFFFE082 |
| 填充渐变 | 当开启 折线下方填充 后，该属性有效，设置折线图填充颜色渐变，参考容器 | |
| 添加折线 | 用于在折线图中添加新的折线 |
图表属性
| 属性 | 作用 | 默认值 |
|---|---|---|
| 宽 | 设置折线图的宽度 | 300 |
| 高 | 设置折线图的高度 | 350 |
| 背景颜色 | 设置折线图的背景颜色 | |
| 支持缩放与平移 | 设置折线图是否支持缩放与平移，如果为 true，则显示 水平方向缩放与平移 和 垂直方向缩放与平移 两个开关 | false |
| 水平方向缩放与平移 | 设置折线图是否支持水平方向缩放与平移 | false |
| 垂直方向缩放与平移 | 设置折线图是否支持垂直方向缩放与平移 | false |
| 显示网格 | 设置折线图是否显示网格 | false |
| 显示边框 | 设置折线图是否显示边框，边框属性如下
|
false |
| 触摸提示数据 | 设置折线图触摸是否显示数据 | false |
| 显示X轴标题 | 设置折线图是否显示X轴标题，标题属性如下
|
false |
| 显示Y轴标题 | 设置折线图是否显示Y轴标题，标题属性如下
|
false |
| 配置x轴最小值 | 设置折线图x轴的最小值 | false |
| 配置x轴最大值 | 设置折线图x轴的最大值 | false |
| 配置y轴最小值 | 设置折线图y轴的最小值 | false |
| 配置y轴最大值 | 设置折线图y轴的最大值 | false |
开源鸿蒙跨平台开发社区汇聚开发者与厂商，共建“一次开发，多端部署”的开源生态，致力于降低跨端开发门槛，推动万物智联创新。
更多推荐
19
0- 0
已为社区贡献24条内容
所有评论(0)