Vue的数据的可视化

---

1、安装

从 npm 获取 npm install echarts

2、使用

• 引入 ECharts

<script>
import * as echarts from "echarts";
export default {
     
  mounted() {
     
    // 基于准备好的dom，初始化echarts实例
    var myChart = echarts.init(document.getElementById("main"));
    // 绘制图表
    myChart.setOption({
     
      // 标题
      title: {
     
        text: "ECharts 入门示例",
      },
      // 提示信息
      tooltip: {
     },
      // 横坐标
      xAxis: {
     
        data: ["衬衫", "羊毛衫", "雪纺衫", "裤子", "高跟鞋", "袜子"],
      },
      // 纵坐标
      yAxis: {
     }