vue项目中使用echarts

1. 安装

npm install echarts --save
复制代码

package.json中有此项，代表安装成功

2. 引入全部组件

如果你项目里需要用到各种各样的图表，建议使用本条。

• main.js 中引入

   // 引入echarts
  import echarts from 'echarts'
  Vue.prototype.$echarts = echarts
  复制代码

• 使用 

  <template>
    <div>
      <div id="main" style="width: 600px; height: 400px"></div>
    </div>
  </template>
  <script>
  var echarts = require("echarts");
  export default {
    data() {
      return {
        option: {
          title: {
            text: "echarts",
          },
          toolbox: {
            show: true,
            feature: {
              saveAsImage: {
                show: true,
              },
            },
          },
          legend: {
            data: ["销量"],
          },
          xAxis: {