Question

我试图在Sencha图表1.0中做一个折线图，它运作良好。但是 - 标记圆被轴线切割。您也可以在Sencha图表官方示例中看到它（使用图像作为标记......）：http://dev.sencha.com/deploy/touch-charts-1.0.0/examples/Line/。

我发现另一个使用Ext js 4的示例表明折线图标记未被切割： http://dev.sencha.com/deploy/ChartsDemo/examples/chart/Line.html

我尝试了多种方法：尝试使用CSS，甚至尝试将Ext.chart.series.Line的代码转换为Ext JS 4中的代码，但没有成功。有谁知道这样做的简单方法？甚至提到了如何做到这一点的线索？

感谢

Answer 1

似乎其他人已经在我之前体验过它。显然，Ext.js 4使用SVG实现图表，而Sencha Charts 1.0使用Canvas绘图。如果源代码更具可读性 - 我可以理解它在哪里使用图层，我应该在哪里让Chart Canvas获得更少的z-Index。但是，它不是，并且一个舒适的解决方法是为每个系列定义5 px（取决于标记点的半径）装订线：

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

在此主题中找到解决方案： http://www.sencha.com/forum/showthread.php?202886-add-space-on-x-axis-in-graph

Sencha图表标记被轴线切割

1 个答案: