這幾天在做折線圖,先是用的chart.js,但是chart.js會出現縱軸不顯示數字,寬度不能設置百分比只能設置定值,而且圖像重繪之后需要鼠標移到折線圖的數據點上才會出現圖像,找了半天也沒有找到問題在哪。果斷的放棄了chart.js,選擇了echarts。在用echarts時也碰到了寬度不靈的問題。但是之前明明是好用的,具體問題是,我設置的width:100%,結果出來的時候就變成了100px;查了資料后發現,是因為我把圖放到了tab選項卡里,因為圖一開始是display:none;在一開始初始化執行js的時候找不到這個元素,所以會出現問題。解決方法就是,在echarts初始化之前再用js獲取當前屏幕的大小,然后再給他設置寬度就可以了。
var myChart=$("#myChart"); myChart.style.width=window.innerWidth+'px'; chartObj=echarts.init(myChart); chartObj.setOption(option);
解決了這個問題之后,再想想chart.js的width問題,估計也可以用這個辦法解決,但是沒有去嘗試,趕緊溜了,去工作了。