Highcharts getSVG并与React-PDF数据一起使用标签不会调整大小字体大小被忽略

oiopk7p5 于 2022-11-24 发布在 Highcharts

关注(0)|答案(1)|浏览(150)

我已经从getSVG获得了SVG字符串

let chartSVG = chart.getSVG({ ...options })

我格式化它，所以它呈现在ReactPDF唯一的问题，我现在得到的是dataLabels的variablePie将不会调整大小，我已经尝试了多个选项，通过搜索在线和他们都不会调整大小，他们太大，我设法调整variablePie图表。通过改变宽度和高度

chart.getSVG({
      chart:{
            width:236,
            height:162,
        },
  ... })

我只是不能让文本调整大小...
我已经在我的React-PDF中附上了它的外观图像
SVG的一部分具有

<text x="5" data-z-index="1" y="14" style="color: rgb(0, 0, 0); font-size: 5px; font-weight: bold; fill: rgb(0, 0, 0);">Wealth</text>

它似乎忽略了字体大小。

highcharts

来源：https://stackoverflow.com/questions/73569184/highcharts-getsvg-and-use-with-react-pdf-datalabels-will-not-resize-the-font-siz

1条答案

按热度按时间

jogvjijk1#

使用Highchats对象代替回调（chart）的参数作为引用：

Highcharts.charts[0].getSVG({
    chart: {
      width: 300,
      height: 300
    },
    plotOptions: {
      series: {
        dataLabels: {
          style: {
            fontSize: '6px'
          }
        }
      }
    }
  })

演示：https://jsfiddle.net/BlackLabel/ywvr743o/
相关主题：https://github.com/highcharts/highcharts-angular/issues/262

编辑：

React演示：https://codesandbox.io/s/highcharts-react-demo-forked-v95dqj

赞(0）回复(0）举报 2022-11-24

我来回答

Highcharts getSVG并与React-PDF数据一起使用标签不会调整大小字体大小被忽略

1条答案

相关问题

热门标签

最新问答