关于echart图表自动最大值和hchart的对比问题

图片描述

图片描述

图一是hchart,图二是echart,它们的最高值是2,但是hchart这样的处理明显比echart好看,请问在不知道最大值(无法设置最大值,因为数据不确定)的时候,echart要如何设置属性才能像hchart这样在最大值上面还能留出空白。还是说是插件自带,无法设置。
麻烦大神看看,谢谢。

阅读 3.3k
1 个回答

谢邀.
首先,不可能存在你说的 数据不确定的情况
在你即将画图的瞬间 你一定已经得到确切的数据
问题可转化为如何找到最大值

方案1:硬刚数据最大值

假设从接口得到的数据类似

const res = {
    code:0,
    message:"success",
    data:[
        // 0号位时间戳,1号位为值
        [1533698210801,20],
        [1533698212822,30],
        [1533698230844,10],
        [1533698233901,50],
        [1533698236780,20],
    ]
};
// 先整理出一个一维数组
const values = res.data.map(([,v])=>v);
// 取出最大值
const max = Math.max(...values);
// 拿着最大值稍微往上按百分比再加一点去设置你的图表option,略去

方案2:读文档

clipboard.png
你写成

max: function(value) {
    /*往上预留20%*/
    return value.max * 1.2;
}

不就好了

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题