关于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"></div>
<img src="@/assets/charts/charts_title_decorate.png" alt="" />
<el-select
v-model="value"

这篇博客总结了在使用Echarts过程中遇到的问题,包括安装包时的困扰,如何自定义图例图标,以及解决数据滑动加载时的鼠标拖拽报错问题。在图例配置上,通过调整图片引入方式成功实现自定义图标。在数据滑动加载功能中,通过调整datazoom配置解决了鼠标滚轮触发的错误。
最低0.47元/天 解锁文章
3817

被折叠的 条评论
为什么被折叠?



