echarts - 使用工具箱的数据缩放按钮时如何使y轴的最小值/最大值与所选区域的边界匹配
问题描述
最近我正在使用 echarts 的 dataZoom 功能。但我发现它的默认行为有点奇怪。例如,如果我选择这样的区域: 在此处输入图像描述
我期望的是图表上没有数据点,因为我没有选择任何数据。但我得到的是: 在此处输入图像描述
如您所见,yaxis 的最大值是曲线的最大值,而不是我选择区域的顶部边界。有什么办法可以改善吗?
这是我的代码的一部分:
config = {
...
toolbox: {
show: true,
feature: {
dataZoom: {
filterMode: 'none'
}
}
},
dataZoom: [
...channelList.map((c, i) => ({
type: 'inside',
// xAxisIndex: 'none',
filterMode: 'none' as any,
yAxisIndex: i
})),
{
type: 'inside',
// xAxisIndex: 'none',
filterMode: 'none',
xAxisIndex: 0
},
{
type: 'slider',
// xAxisIndex: 'none',
filterMode: 'none',
xAxisIndex: 0
}
}
}
解决方案
推荐阅读
- r - 如何根据R中的变量名提取列表中的列表
- visual-studio-code - 打开 VS Code 项目时执行一些命令
- angular - Angular - Ngx-org-chart 样式不起作用
- python - 将不同长度的数据帧导入mysql表
- ruby - 更新到 Ruby 3.0.1 后 Shotgun 无法启动
- codeigniter-4 - 升级 php 8 后无法运行 php spark serve
- regex - 正则表达式,如何在不排除第一行的情况下将字符串匹配成两组
- python - 我正在尝试从 DeepFaceLab 运行“3)从视频 data_dst FULL FPS.bat 中提取图像”,它只显示此消息
- video - ffmpeg如何用黑框/纯色结束视频
- python-3.x - Influxdb python 5.3.1 write_points不允许写入多行