extjs4 chart 座標軸都為Numberic時,座標不正確問題
在extjs4中,使用圖表chart,當axis都為Numberic時(type='Numberic'),繪製出來的圖形只集中在圖形的一部分。
於是通過指定maximum,minimum來使series繪滿整個圖形區域,但是座標軸的最大值卻不是maximum,檢視extjs 原始碼,發現小數相減時出現了問題(不知道為什麼小數相減後面有很長的小數位數),修改
Draw.js裡snapEnds方法,var step=(to-from).toFixed(10)/stepsMax,
Axis.js裡calcEnds方法out.steps=Math.ceil(out.to-out.form).toFixed(10)/out.step);
另外majorTickSteps須指定,不然extjs 計算出來的也有問題。(在draw.js裡面如果指定maximum,minximun,majorTickSteps則不計算prettyNumbers,否則extjs會計算出值 ,值step會出問題)
在MVC,contols裡loadChart,具體程式碼如下:
var chart=Ext.getCmp('chart');
store.load({
callback:function(records,operation,success){
if(success)
{
var axesItem=chart.axes.items;
var seriesItem=chart.series.items;
var realMax=store.max('realValue');//取最大值,最小值
var realMin=store.min('realValue');
var xMax=store.max('XValue');
var xMin=store.min('XValue');
axesItem[0].maximum=realMax;
axesItem[0].minimum=realMin;
axesItem[1].maximum=xMax;
axesItem[1].minimum=xMin;
axesItem[0].majorTickSteps=10;//須指定
axesItem[1].majorTickSteps=10;
chart.redraw();
}
}
})
附json:{data:[{'realValue':7.501,'xValue':5.0},{'realValue':7.507,'xValue':5.004},{'realValue':7.516,'xValue':5.01},{'realValue':7.525,'xValue':5.016},{'realValue':7.534,'xValue':5.022},{'realValue':7.543,'xValue':5.028},{'realValue':7.606,'xValue':5.07},{'realValue':7.613,'xValue':5.075}],'success':true}
相關文章
- ECharts圖座標軸文字換行問題處理Echarts
- D3.js座標軸的繪製方法、新增座標軸的刻度和各比例尺的座標軸(V3版本)JS
- 張正友標定Opencv實現、標定流程以及影像座標轉為世界座標OpenCV
- python畫圖 去除橫縱座標值;設定橫縱座標名稱;設定座標軸刻度大小Python
- 螢幕座標、裝置座標以及邏輯座標的區別
- vue 實現高德座標轉GPS座標Vue
- 流體力學守恆形式Euler方程(笛卡爾座標、柱座標、球座標)
- echarts 隱藏X軸底部超出的座標線Echarts
- excel折線圖自定x軸y軸 excel做xy軸座標圖Excel
- python matplotlib畫圖改變圖示題和座標軸標題的字型大小Python
- ogre世界座標魚螢幕座標相互轉換
- Avalonia 11.1 已知問題 應用啟動時 PointToScreen 無法獲取正確座標
- QCustomplot使用分享(六) 座標軸和網格線
- 利用齊次座標進行二維座標轉換
- GPS座標轉換為BIM
- 如何為B站影片連結新增時間座標
- 海康相機 畫素座標(px,py)到sdk ptz 座標轉換最後到onvif ptz座標
- 形象化理解笛卡爾座標系和極座標系
- 3d基礎 - 從模型座標到螢幕座標3D模型
- 關於Unity中的世界座標和區域性座標Unity
- 物體物件在螢幕中的座標及滑鼠座標物件
- Echarts:10-5-2:柱狀圖(座標軸刻度與標籤對齊)Echarts
- JavaScript 空間座標JavaScript
- SVG 座標系統SVG
- 座標系的生成
- pose座標變換
- JavaScript 獲取滑鼠指標座標JavaScript指標
- jQuery獲取滑鼠指標座標jQuery指標
- 使用opencv畫框,標出座標OpenCV
- C++ opencv的圓轉矩形,極座標轉笛卡爾座標系C++OpenCV
- 高德面試題-座標轉化為最簡單的字串面試題字串
- area標籤circle/rect/poligon座標Go
- javascript頁面元素座標JavaScript
- canvas座標系原點Canvas
- canvas 座標系原點Canvas
- 座標下降與梯度下降梯度
- JavaScript獲取滑鼠座標JavaScript
- 帆軟層次座標