Vue-6-前端框架Vue之基于Plotly.js绘制曲线

在Vue项目中使用Plotly.js可以实现非常强大的数据可视化功能。Vue 提供了组件化的开发方式，可以很好地与Plotly.js结合，使得图表的创建、更新和销毁更加可控和高效。

1 安装Plotly.js

Plotly.js 是一个基于 JavaScript 的图形库，用于创建交互式的图表和数据可视化。它是 Plotly 生态系统的核心部分，支持超过 40 种图表类型，包括折线图、散点图、柱状图、热力图、3D 图表等，并且可以轻松地嵌入到网页中，为用户提供丰富的交互体验。

安装npm install plotly.js-dist-min。
推荐使用plotly.js-dist-min包体积更小，适合生产环境。

2 折线图

2.1 创建一个Vue组件来绘制图表

在目录components下创建文件LineChart.vue。

<template>
  <div>