Echarts使用dataTool写可自定义横坐标的盒须图（箱线图）

在vue2中的完整盒须图组件代码

可自适应浏览器窗体变化，可自定义横坐标，无需写箱线图数据处理逻辑。dataTool是echarts自带的，无需额外安装，只要引入。

<template>
  <span>
    <div ref="BoxPlotChart" id="box-plot"></div>
  </span>
</template>

<script>
import dataTool from "echarts/extension/dataTool";

export default {
     
  name: "BoxplotChart",
  props: {
     
    boxplotData: {
     
      type: Object,
      required: true,
    },
  },
  data() {
     
    return {
     
      option: {
     
        title: {
     
          text: "",
          left: 10, //标题显示的位置
        },
        tooltip: {