在 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/