vue使用Echarts的interval步长的坑

先看效果图要求描述：让图标的最大值和最小值是动态的，中间间隔也必须动态控制的。遇到的问题：使用echarts里面的散点图做标示点。但是散点图只会出现在xAxis下data明确设置的值上。假设：x为标示点，x=3,xAxis={data:[0,2,4,6]},那么x会出现在4上。解决方法：使用echarts中interval来控制间隔，我这边直接使用interval没有用，我是设置在axisTick

dwx_firm

6381人浏览 · 2021-11-22 13:41:22

dwx_firm · 2021-11-22 13:41:22 发布

先看效果图

要求描述：让图标的最大值和最小值是动态的，中间间隔也必须动态控制的。

遇到的问题：使用echarts里面的散点图做标示点。但是散点图只会出现在xAxis下data明确设置的值上。假设：x为标示点，x=3,xAxis={data:[0,2,4,6]},那么x会出现在4上。

解决方法：使用echarts中interval来控制间隔，我这边直接使用interval没有用，我是设置在 axisTick: { interval:2}中，但是data的值是直接从最小值到最大值，都为整数。

关键的设置如下：

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^