vue中做echarts数据可视化图表网站

要在Vue中使用echarts进行数据可视化图表，可以按照以下步骤进行：

1. 安装echarts插件：在命令行中运行`npm install echarts --save`，可以安装echarts插件。

2. 创建一个echarts实例：在Vue组件中，可以通过`import echarts from 'echarts'`引入echarts插件，并在`mounted`生命周期中创建一个echarts实例。

3. 设置echarts配置项：可根据需要对echarts配置项进行设置，如图表类型、数据源、样式等。

4. 渲染echarts图表：通过`echarts.init()`函数和`setOption()`函数，将配置项应用到echarts实例中，并渲染echarts图表。

以下是示例代码：

<template>
  <div id="chart" style="width: 600px;height:400px;"></div>
</template>

<script>
  import echarts from 'echarts'

  export default {
    mounted() {
      // 创建echarts实例
      const chart = echarts.init(document.getElementById('chart'))

      // 设置echarts配置项
      const option = {
        title: {
          text: '销售量统计'
        },
        xAxis: {
          data: ['苹果', '香蕉', '橘子', '梨子', '西瓜']
        },
        yAxis: {},
        series: [{
          name: '销量',
          type: 'bar',
          data: [5, 20, 36, 10, 10]
        }]
      }

      // 渲染echarts图表
      chart.setOption(option)
    }
  }
</script>