Question

我试图在高图的getSVG调用中设置一些plotOptions（主要是lineWidth），但无论我尝试什么，我似乎无法让它工作。

下面的代码能够正确设置导出的SVG文件的宽度和高度，但是getSVG似乎忽略了我写的其余部分。

我的图表有两个系列，我想加粗两个系列的lineWidth。 Highcharts文档说我应该能够在调用getSVG时调整lineWidth，但实际上并没有显示他们将其拉出来的示例。

我有一种感觉，我没有正确地格式化这个或其他东西。有什么想法吗？

我的代码：

var chart = $('#patient-chart').highcharts();

var svg = chart.getSVG({
  chart: {
    width: 1200,
    height: 660
  },
  plotOptions: {
    series: {
      lineWidth: 10
    }
  }
});

Answer 1

Github上的Pawelfus通过挂钩图表加载事件找到了解决方法：https://github.com/highslide-software/highcharts.com/issues/4583#issuecomment-141441315

我的代码：

        var chart = $('#patient-chart').highcharts();
        var svg = chart.getSVG({
            chart: {
                width: 1200,
                height: 660,
                events: {
                    load: function () {
                        this.series[0].update({
                            lineWidth: 5
                        });
                    }
                }
            }
        });

Answer 2

看起来像一个错误，因为在chartOptions中也会忽略lineWidth。

在此向我们的开发者报告：https://github.com/highslide-software/highcharts.com/issues/4583

感谢您的反馈。

Highcharts getSVG plotOptions series.lineWidth无法正常工作

2 个答案: