Echart圖設置y軸最大值max最小值min

echart折線圖y軸的最大最小值可以設置固定值,也可以設置function根據(jù)數(shù)據(jù)的大小動態(tài) 改變,達到折線"不頂天,不立地"的效果,始終保持在圖中間位置。
如下圖配置項:

min

max

設置固定值是沒有問題的,顯示正常。

但是設置function時會有個坑?。?!
先設置max,min為function,再獲取數(shù)據(jù)賦值series,打印配置項,max和min就消失了,y軸也沒有設置max,min。

解決方法:給series賦值后,再設置yAxis.max和yAxis.min函數(shù),看代碼↓↓↓

//先給series賦值
series[0].data = [1,2,4,5,6]
series[1].data = [4,5,6,7,8]

//再設置function 的 max,min
yAxis.max = function(value){ 
  return value.max + 20
}
yAxis.max = function(value){ 
  return value.min - 20
}

解決~

配置項參考官網(wǎng):https://echarts.apache.org/zh/option.html#yAxis.min

?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

  • ECharts的快速上手 ECharts 的入門使用特別簡單, 5分鐘就能夠上手. 他大體分為這幾個步驟 步驟1:...
    檸月如風z閱讀 1,125評論 0 4
  • 介紹和安裝 介紹 Echarts是一個用于繪制可視化圖表的工具,包括但不限于多種類型的統(tǒng)計圖、樹圖、關系圖、地圖等...
    烏云老思閱讀 1,241評論 0 0
  • 一、認識 ECharts ECharts,縮寫來自 Enterprise Charts,商業(yè)級數(shù)據(jù)圖表,是百度的一...
    清風徐來_簡閱讀 11,229評論 0 4
  • 折線圖 https://blog.csdn.net/sleepwalker_1992/article/detail...
    直言不諱的我閱讀 1,508評論 0 0
  • 此次后臺使用的語言是PHP,遇到的問題就是后臺的數(shù)組傳遞到前臺,前臺頁面控制臺輸出的是Arra{native co...
    youthz閱讀 2,751評論 0 2

友情鏈接更多精彩內容