php - Highcharts 自定义 PHP/MySQL

Question

我正在尝试自定义图表并向我们的客户演示以获得他们的认可。

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

1. 问题:柱形图的 highcharts 中是否可以进行分页。假设我们有 50 或 100 列。

   How can we avoid our charts becoming crowded .

   例如看看这个 js fiddle

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

2. 问题:如果我们将图像或 Logo 嵌入到图表中并尝试使用 jpg 中的任何一种将其导出/jpeg我们得到一个错误。

   on jsfidlle it works,

   but on our localhost it gives the following error message .

   About to transcode 1 SVG file(s) Converting 551bc090a93c120f987375135e7744db.svg to temp/551bc090a93c120f987375135e7744db.jpg ... ... error ( SVGConverter.error.while.rasterizing.file)<br/> 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' 允许用户缩放并详细查看数据，然后用户可以滚动缩放在图表的左侧和右侧或重置缩放比例并选择另一个点进行查看。

---

方法三:溢出

替代您可以创建一个巨大的图表并使用溢出来允许图表 div 滚动，或者 overflow hidden 并管理 scrollX 和 scrollY 通过 jQuery。

---

您能否提供 svg 示例的代码或 fiddle 链接，以便我检查您的代码并看看是否可以帮助您？

谢谢。