高级图表定制PHP/MySQL

Question

我试图定制图表，并给我们的客户演示，以供他们批准。

我们现在面临的一些最后的问题是，

1. 问题:在列图表的高级图表中是否可以分页。假设我们有50或100列。

我们如何才能避免图表变得拥挤。--

例如，看看这个js小提琴。

http://jsfiddle.net/justin69/4xSNU/1/

1. 问题:如果我们将图像或徽标嵌入到图表中并尝试使用jpg/jpeg进行导出，则会出现错误。

在jsfidlle上起作用，

但是在我们的本地主机上，它提供了以下错误消息：

About to transcode 1 SVG file(s) Converting 551bc090a93c120f987375135e7744db.svg to temp/551bc090a93c120f987375135e7744db.jpg ... ... error ( SVGConverter.error.while.rasterizing.file)

Error while converting SVG. SVG code for debugging:

Answer 1

1.拥挤的图表

a.你试过旋转标签吗？这将大大减少你之前在标签上过度拥挤的现象。

这是标签mod：http://jsfiddle.net/kayen/YSwk4/的Fiddle

如果b.有很多值，并且受到x轴上空间的限制，则可以将列-type图表转换为bar-type图表。

这是你的Fiddle和条形图模式：http://jsfiddle.net/kayen/QqPha/

我建议使用第一个选项，因为您可以在相同的空间中容纳更多的值，并有一个更清晰的图表。

Answer 2

看看我能不能帮你..。

“人满为患”

我可以想象出三种避免图表“拥挤”的方法：

方法1:让用户选择要查看的内容。

要么隐藏将visible: false添加到部分或全部系列中，要么使用它将允许用户选择他想要看到的数据。例如：

series: [
            {
                name: ...,
                data: ...,
                visible: false
            },
            ...
        ]

如果选择此示例，还可以考虑添加一个按钮来显示/隐藏所有内容，您可以使用以下方法实现：

隐藏一切：

for(i=0; i < chart.series.length-1; i++)
    chart.series[i].hide();

展示一切：

for(i=0; i < chart.series.length-1; i++)
    chart.series[i].show();

方法2:变焦解决问题的方法

在alternative中，您可以在图表中使用zoomType: 'x'，允许用户缩放和查看详细的数据，然后用户可以将缩放滚动到图表的左边和右边，或者重置缩放，然后选择另一个要查看的点。

方法3:溢出

In alternative您可以创建一个巨大的图表并使用溢出允许图表div可以滚动，或者隐藏溢出并管理scrollX & scrollY低谷jQuery。

您能提供svg示例的代码或链接吗？

谢谢。