在 HighChart 中使用 getSVG() 打印 pdf 时如何去除文本阴影

Question

我有一个堆叠柱形图，使用 getSVG() 获取 svg 字符串并使用 pdfMake 打印 pdf，结果是柱上的文本有一些奇怪的阴影。 https://ibb.co/HrC62HP

我想知道如何删除它，

这是呈现文本的代码，我正在使用 angular https://ibb.co/XktZV2v

我已经使用替换方法将 svg 字符串中的 stroke-width 样式更改为 0。 没用

请帮忙。 谢谢你。

Answer 1

此配置从 dataLabels 中删除所有阴影，当您不想要默认文本轮廓时，将style.textOutline更改为 false。

  exporting: {
    chartOptions: {
      plotOptions: {
        series: {
          color: 'rgb(124, 181, 236)',
          dataLabels: {
            enabled: true,
            inside: true,
            format: '{y} min <br>',
            style: {
              width: '60%',
              textOverflow: 'elilipsis',
              fontSize: 10,
              color: 'rgb(0, 0, 255)',
              textOutline: false
            }
          }
        }
      }
    }
  }

现场演示： https://jsfiddle.net/BlackLabel/tcj4q8vz/