Vue-5-基于JavaScript和plotly.js绘制数据分析类图表
文章目录
- 1 折线图示例
- 1.1 网页基本结构
- 1.2 绘图流程
- 1.2.1 type图表类型
- 1.2.2 mode显示方式
- 1.2.3 marker数据点的样式
- 1.3 横坐标为时间戳
- 1.3.1 xaxis.type坐标值类型
- 1.3.2 xaxis.tickformat格式
- 1.4 悬停时展示毫秒数
- 2 一个变量
- 2.1 箱线图
- 2.2 小提琴图
- 2.3 直方图
- 3 两个变量
- 3.1 折线图
- 3.2 散点图
- 3.3 回归图
- 4 相关性系数热力图
- 4.1 两个变量
- 4.2 两个及以上变量
折线图、散点图、箱线图、小提琴图、直方图、回归图、相关性系数热力图。
1 折线图示例
<!DOCTYPE html>
<html style="height: 100%">
<head><meta charset="utf-8"/