Question

我有多个图表（Trellis模型）使用HighCharts共享相同的Y轴（即类别轴）..但是当我尝试导出图表时，X轴（系列）并不完全像我在屏幕。请看一下这个JSFiddle示例并告诉我。非常感谢您的帮助。我希望导出的输出与屏幕上的输出相匹配。但这不是出口。甚至导出文件中的标题也与屏幕上的标题不匹配。如果我将单个图表保存为SVG文件，我会看到X轴上的所有值，即0M，1M，2M ......等，但当我在UI中查看所有3个图表的组合时，它会巧妙地显示值2.5M，5M，7.5M等。我该怎么做才能实现这一目标？即导出以匹配UI。

JSFiddle File for the issue

--

Answer 1

这是因为没有为图表设置严格的宽度，因此使用默认值600x400，如docs中所述。

解决方案：使用getSVG()方法时，只需为每个图表设置宽度：

    var container = $(chart.container);
    var svg = chart.getSVG({
        chart: {
            width: container.width()
        }
    });

演示：http://jsfiddle.net/tg8f9fgo/5/或http://jsfiddle.net/tg8f9fgo/4/

HighChart中的多个图表导出与屏幕上显示的不同

1 个答案: