echarts x 起始_echarts中如何在dataZoom 最左侧和最右侧始终显示起始和结束的值

let option = {} //你的echarts图表的配置，这里我就不贴我的了

myChart.setOption(option);

//开始

let startValue = myChart.getModel().option.dataZoom[0].startValue;

let endValue = myChart.getModel().option.dataZoom[0].endValue;

let start = myChart.getModel().option.xAxis[0].data[startValue];//起始X轴

let end = myChart.getModel().option.xAxis[0].data[endValue];//结束X轴

console.log("开始值="+start);

console.log("结束值="+end);

//拖拽滚动条的获取X轴的范围值，使用方法如下：

myChart.on('dataZoom', function (params) {

//开始

let startValue = myChart.getModel().option.dataZoom[0].startValue;

let endValue = myChart.getModel().option.dataZoom[0].endValue;

thes.startText = myChart.getModel().option.xAxis[0].data[startValue];//起始X轴

thes.endText = myChart.getModel().option.xAxis[0].data[endValue];//结束X轴

});

图表效果：

echarts x 起始_echarts中如何在dataZoom 最左侧和最右侧始终显示起始和结束的值相关推荐

Element UI 的el-menu在VUE项目中实现再次点击左侧菜单栏，右侧页面内容刷新
背景:在对项目进行bug走查的时候,测试人员突然提出项目左侧菜单栏再次点击时候要进行页面刷新,当时我真的懵了,vue项目了router还能在当前页面进行再次刷新!!!我怀着疑惑上网查询.咨询足足使用了 ...
echarts y轴添加点击事件_ECharts中的事件和行为
用户在操作 Echarts 的图表时会触发相应的事件,这些事件由开发者监听,然后回调函数做出相应的处理,可以弹出一个对话框.跳转到一个地址或者做数据下钻等等. ECharts 3 中绑定事件跟 Ech ...
echarts横向滚动_ECharts滑动条型数据区域缩放组件（dataZoomSlider）
dataZoom[i]-slider 滑动条型数据区域缩放组件(dataZoomSlider) dataZoom[i]-slider.type | string [ default: 'sli ...
使用 Echarts 实现折线图中线条添加、删除、编辑
使用 Echarts 实现折线图中线条添加.删除.编辑小帅小白,也能改变浪花的方向,公众号:51reboot运维开发介绍一下使用 Echarts 做数据统计分析,如何实现支持折线图的添加.删除. ...
android使用webview上传文件,Android项目中如何在webview页面中上传文件
Android项目中如何在webview页面中上传文件发布时间:2020-11-26 15:56:27 来源:亿速云阅读:68 作者:Leah 本篇文章为大家展示了Android项目中如何在web ...
wordpress页面里可不可以写php,WordPress开发中如何在html中包含php
WordPress开发中如何在html中包含php 王超 2021-02-18 主题开发 69 次欢迎阅读这篇关于如何在HTML中使用PHP的文章!在这里,我们试图在一个特定的.PHP文件的层次上具 ...
利用ECharts可视化mysql数据库中的数据
利用ECharts可视化mysql数据库中的数据技术实现背景在我们的日常开发中我们经常使用到各种各样的数据进行相关的功能的开发,在这个过程中我们可以用到各种各样的图表来分析和实现我们的需求,很多的 ...
【Echarts】在Vue中使用Echarts
在Vue中使用Echarts 引入第三方库vue-echarts vue-echarts安装与使用 vue2中使用Echarts vue-echarts安装 vue2中使用Echarts vue3中使 ...
Altium Designer中如何在PCB板图上绘制安装孔，孔的尺寸
Altium Designer中如何在PCB板图上绘制安装孔? 10 就是外径等于孔径的multilayer焊盘,同时去掉plated勾选(孔内壁不沉铜) 孔的大小,要看用螺钉的大小,例如:M3的螺钉 ...

echarts x 起始_echarts中如何在dataZoom 最左侧和最右侧始终显示起始和结束的值

echarts x 起始_echarts中如何在dataZoom 最左侧和最右侧始终显示起始和结束的值相关推荐

最新文章

热门文章