Highcharts定制PHP/MySQL

Question

我正在尝试自定义图表并为我们的客户提供演示以供他们批准.

我们现在面临的一些最终问题是,

1. 问题:在柱形图的高位图中可以进行分页.假设我们有50或100列.

   我们怎样才能避免我们的图表变得拥挤.

   例如,看看这个js小提琴

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

2. 问题:如果我们将图像或徽标嵌入到图表中并尝试使用其中任何一个导出它jpg/ jpeg我们会收到错误.

   在jsfidlle它的作品,

   但在我们的localhost上它给出以下错误消息.

   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:让用户选择要查看的内容.

隐藏添加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:放大您的方法摆脱问题

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

方法3:溢出

在替代方案中,您可以创建一个巨大的图表并使用溢出来允许图表div可滚动,或者隐藏溢出并管理scrollX&scrollYtrough jQuery.

你可以提供代码或链接到svg示例的小提琴,这样我就可以检查你的代码,看看我是否可以帮助你吗？

谢谢.

Answer 2

1.拥挤的图表

一个.你试过旋转标签吗？这将显着减少您之前拥有的标签上的过度拥挤.

这是你的小提琴与标签mod:http://jsfiddle.net/kayen/YSwk4/

湾 如果您有很多值并且受x轴空间限制,则可以将列类型图表转换为条形图表.

这是你的条形图模块的小提琴:http://jsfiddle.net/kayen/QqPha/

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