由軸線切割的Sencha圖表標記

我想在Sencha圖表1.0中做一個折線圖，它工作的很好。但是 - 標記圓正在被軸線切割。你也可以在Sencha圖表官方示例中看到它（使用圖像作爲標記...）：http://dev.sencha.com/deploy/touch-charts-1.0.0/examples/Line/。由軸線切割的Sencha圖表標記

我發現了另一個使用Ext js 4的示例，其中折線圖標記未被剪切： http://dev.sencha.com/deploy/ChartsDemo/examples/chart/Line.html。

我嘗試了很多事情：試圖玩CSS，甚至嘗試將Ext.chart.series.Line的代碼換成Ext JS 4的代碼，但沒有成功。有沒有人知道一個簡單的方法呢？甚至提到了如何做的一個線索？

謝謝

來源

2012-06-14 Assaf

好像別人已經在我之前經歷過它。顯然，Ext.js 4使用SVG實現圖表，而Sencha Charts 1.0在畫布上使用繪圖實現。如果源代碼更具可讀性 - 我可以理解它使用圖層的位置，並且我應該在哪裏查詢「圖表畫布」以減少z-Index。然而，這是不是和舒適的解決方法是定義5個像素（取決於你的標記點的半徑）排水溝每個系列：

getGutters:function(){ 
        return[0,5]; 
       },

發現在這個線程解決方案： http://www.sencha.com/forum/showthread.php?202886-add-space-on-x-axis-in-graph

來源

2012-06-17 12:22:42 Assaf

由軸線切割的Sencha圖表標記

回答

相關問題