1


我正在尝试在 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 的代码，但没有成功。有谁知道这样做的简单方法？甚至参考了一个线索是怎么做到的？

谢谢

4

1 回答 1

0

似乎其他人在我之前已经经历过。显然，Ext.js 4 使用 SVG 实现图表，而 Sencha Charts 1.0 使用 Canvas 上的绘图来实现。如果源代码更具可读性 - 我本可以理解它在哪里使用图层以及我应该在哪里要求图表画布具有更少的 z-Index。但是，它不是，一个舒适的解决方法是为每个系列定义 5 px（取决于标记点的半径）gutter：

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

在这个线程中找到了解决方案： http ://www.sencha.com/forum/showthread.php?202886-add-space-on-x-axis-in-graph

于 2012-06-17T12:22:42.987 回答