如何在vue框架中使用echarts绘制坐标系

在Vue框架中使用Echarts绘制坐标系，可以通过以下步骤实现：

1. 安装Echarts库

在Vue项目中通过npm安装Echarts库：

npm install echarts --save

2. 引入Echarts库

在Vue组件中引入Echarts库：

import echarts from 'echarts'

3. 创建Echarts实例

在Vue组件中创建Echarts实例：

mounted () {
  // 基于准备好的dom，初始化echarts实例
  let myChart = echarts.init(document.getElementById('chart'))

  // 绘制图表
  myChart.setOption({
    title: {
      text: 'Echarts坐标系示例'
    },
    tooltip: {},
    xAxis: {
      data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
    },
    yAxis: {},
    series: [{
      name: '销量',
      type: 'bar',
      data: [5, 20, 36, 10, 10, 20, 15]
    }]
  })
}

其中，`mounted`是Vue组件生命周期钩子函数之一，表示组件挂载后执行的代码。

4. 在HTML中添加容器

在Vue组件的模板中添加Echarts图表容器：

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

其中，`id="chart"`是Echarts图表容器的ID，`style="width: 600px;height:400px;"`是容器的宽度和高度。

综上所述，以上步骤可以在Vue框架中使用Echarts绘制坐标系。