使用echarts遇到的问题总结记录

关于echarts使用的问题

1.关于安装echarts包遇到的问题（点击移动）
2. 关于echarts的自定义图例设置：
这个是我们ui的设计稿
图例需要我们自定义的图标，按照官方文档的方式配置
这样的图标配置，页面显示不出来
不报错，就表示官方文档提供的配置是没有问题的，问题出在图片引入。换一种方式：

用这样的方式引入，就OK了：

3.需求：数据滑动加载展示
根据官方文档介绍的datazoom配置，可以设置图表滑动，显示数据条数也是可以配置的；只要滑动加载用官方提供的api，可自行查看官方文档：echarts官网（我的代码会放后面）
问题：我在按照官网的方式去配置datazoom时，鼠标拖拽滑动会报错：
一直提示我这个错误，无法阻挡默认事件。搞了好久，首先：

这个配置项改为false，鼠标滚轮不能平移；之后再配置：
改为false，鼠标滚轮不能缩放。

至此，错误解决；关于这个错误，我看了好多别人的echarts实例配置，跟我一样的配，都没有这个问题，有知道的欢迎讨论，分享下我的代码的，先用的测试数据，还未封装，下一步就是封装了

<template>
  <div id="chart" ref="chart_Bbox" style="height: 1000px">
    <el-row :gutter="20">
      <el-col :span="8">
        <img
          class="top_img_left"
          src="@/assets/charts/left_top_decorate.png"
          alt=""
        />
        <div class="box_chart">
          <div style="width: 332px; height: 153px" ref="chart"><