highcharts 改变React高度图表 windows 框的高度

gojuced7 于 2023-01-13 发布在 Highcharts

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

我为我的highcharts初始化配置如下：-

function getInitialHighChartsConfig(chartType) {
  return {
    credits: false,
    chart: {
      type: chartType,
      height: 325,
    },
    title: {
      text: '',
      useHTML: true,
    },
    yAxis: {
      title: {
        text: '',
      },
      allowDecimals: false,
    },
    xAxis: {
      title: {
        text: '',
      },
      allowDecimals: false,
    },
    plotOptions: {},
    series: {},
  };
}

我将其高度设置为325，它将提供如下所示的SVG元素

<svg version="1.1" class="highcharts-root " style="font-family:&quot;Lucida Grande&quot;, &quot;Lucida Sans Unicode&quot;, Arial, Helvetica, sans-serif;font-size:12px;" xmlns="http://www.w3.org/2000/svg" width="1120" height="325" viewBox="0 0 1120 325">

我希望高度是400，而不是325，但我希望视框保持不变。有什么办法可以做到这一点吗？

highcharts

来源：https://stackoverflow.com/questions/75082936/change-the-height-of-react-highcharts-viewbox

1条答案

按热度按时间

mu0hgdu01#

您可以覆盖render()图表事件的boxWrapper属性：

chart: {
    height: 400,
    events: {
      render() {
        let chart = this;
        chart.renderer.boxWrapper.attr({
          viewBox: '0 0 ' + chart.chartWidth + ' ' +
            325
        });
      }
    }
  }

演示：https://jsfiddle.net/BlackLabel/z0qg9ow7/

赞(0）回复(0）举报 2023-01-13

我来回答

highcharts 改变React高度图表 windows 框的高度

1条答案

相关问题

热门标签

最新问答