我正在尝试自定义图表并向我们的客户提供演示以供他们批准。
我们现在面临的一些最终问题是，
问题：是否可以在柱形图的高图中进行分页。假设我们有 50 或 100 列。
我们怎样才能避免我们的图表变得拥挤。
例如看看这个 js fiddle
问题：如果我们将图像或徽标嵌入到图表中并尝试使用其中之一导出它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:
让我们看看我能不能帮你...
我可以想象三种避免图表“拥挤”的方法：
隐藏添加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();
或者，您可以zoomType: 'x'在图表中使用允许用户缩放并详细查看数据，然后用户可以使用缩放滚动到图表的左侧和右侧，或者重置缩放并选择另一个要查看的点。
或者，您可以创建一个巨大的图表并使用溢出来允许图表 div 可滚动，或者隐藏溢出并管理scrollX&scrollY槽 jQuery。
您能否提供 svg 示例的代码或链接，以便我检查您的代码并查看是否可以帮助您？
谢谢你。
1. 拥挤的图表
一种。你试过旋转标签吗？这将显着减少您之前拥有的标签上的过度拥挤。
这是您的带有标签 mod 的小提琴：http: //jsfiddle.net/kayen/YSwk4/
湾。如果您有很多值并且受 x 轴上的空间限制，您可以将柱形图转换为条形图。
这是您使用条形图 mod 的小提琴：http: //jsfiddle.net/kayen/QqPha/
我建议使用第一个选项，因为您可以在同一个空间中容纳更多的值并且拥有更清晰的图表。