鍍金池/ 問答/HTML/ 關(guān)于echart圖表自動最大值和hchart的對比問題

關(guān)于echart圖表自動最大值和hchart的對比問題

圖片描述

圖片描述

圖一是hchart，圖二是echart，它們的最高值是2，但是hchart這樣的處理明顯比echart好看，請問在不知道最大值（無法設(shè)置最大值，因為數(shù)據(jù)不確定）的時候，echart要如何設(shè)置屬性才能像hchart這樣在最大值上面還能留出空白。還是說是插件自帶，無法設(shè)置。
麻煩大神看看，謝謝。

回答
編輯回答
帥到炸

謝邀.
首先，不可能存在你說的 數(shù)據(jù)不確定的情況
在你即將畫圖的瞬間 你一定已經(jīng)得到確切的數(shù)據(jù)
問題可轉(zhuǎn)化為如何找到最大值

方案1:硬剛數(shù)據(jù)最大值

假設(shè)從接口得到的數(shù)據(jù)類似

const res = {
    code:0,
    message:"success",
    data:[
        // 0號位時間戳，1號位為值
        [1533698210801,20],
        [1533698212822,30],
        [1533698230844,10],
        [1533698233901,50],
        [1533698236780,20],
    ]
};
// 先整理出一個一維數(shù)組
const values = res.data.map(([,v])=>v);
// 取出最大值
const max = Math.max(...values);
// 拿著最大值稍微往上按百分比再加一點去設(shè)置你的圖表option,略去

方案2：讀文檔

clipboard.png
你寫成

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

不就好了

2018年1月23日 06:29