由轴线切割的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图表标记

回答

相关问题