当前位置: 首页 > 知识库问答 >
问题:

前端 - echarts折线图X轴增加Slider滑块?

秦奇
2023-09-05
  1. 图片来源:模仿"饿了么外卖"折线图筛选功能
  2. 这个图应该如何实现呢、滑动Slider滑块、对应折线图也随之高亮展示
  3. 目前发现一个类似的功能https://github.com/oguzhaninan/vue-histogram-slider只不过他是柱形图而我是折线图
    image.png
    image.png

共有1个答案

徐高韵
2023-09-05

https://echarts.apache.org/zh/option.html#dataZoom
image.png
这种效果你看满不满足,其实还有echarts都有实现,你可以找找

 类似资料:
  • 这是要实现的效果 这是返回的数据格式 这是我目前实现的效果

  • 如何绘制一张折线图,一个频率图,类似于心电图,X轴上方绘制折线图,X轴下方绘制频率图?X轴为时间,类似于 时间为 0.2,0.3,0.4三个节点电击了三次,然后心电图跳动的更快或者更高,总之就是有变化,要看相应得变化,时间在第二秒内电击了五次,第三秒内点击了两次,然后看X轴上方折线图变化情况,翻文档并没有试出来我想要的图形。 找到一个类似得 https://echarts.apache.org/e

  • 使用echarts中的折线图如何让x轴往左不停的滚动还有y轴

  • 想要实现如下所示的听力图, 可以自定义图标的形状,可以点击添加点,还可以拖动已经绘制好的线。 想用echarts 实现。但是x y轴又不能和图中一样。 希望大佬们给点意见和解决方案

  • 我正在使用库MPAndroid,< code >编译' com . github . philjay:MPAndroidChart:v 3 . 0 . 0-beta 1 ' 我必须在MPAndroid折线图中传递x轴上的日期和y轴上的值,当我传递x轴或y轴上的值时,应用程序崩溃,显示< code > ArrayIndexOutOfBound < code >异常,数组大小为-2。 我怎么能做到这一

  • echarts折线图展示问题: 使用折线图展示一年的采购价格,哪一天采购了就会有一个对应的价格数据,没有采购的日期数据就为空.使用‘connectNulls’将数据连接起来 遇到的问题是,由于x轴坐标太多,echarts自身进行了优化展示,会导致’2023-12-01‘对应的‘12’这个数据点不展示。由于每个点都代表着“有进行采购”这个动作,所以有数据的点一定不能省去 例如下图:‘2021-11-