vue中使用echarts--基础示例

<div class="chartswidth" id="charts1"></div>

      var categoryChart = this.$echarts.init(
        document.getElementById("charts1")
      );
      var option = {
        tooltip: {
                       //提示框
          trigger: "axis",
          axisPointer: {
            type: "shadow",
          },
        },
        title: {
          left: "center",
          top: "8",
          textStyle: {
            fontSize: 15,
          },
          text: "标题",
        },
        xAxis: {
          type: "category",
          data: ["横坐标1", "横坐标2", "横坐标3"],
        },
        yAxis: {
          data: [纵坐标1, 纵坐标2, 纵坐标3, 纵坐标4, ],
          type: "value",
          name: "单位: 只",
        },
        series: [
          {
            data: [数值1, 数值2, 数值3],
            type: "bar",
            barWidth: 25,
          },
        ],
      };
      categoryChart.setOption(option);