Highcharts地图的maxWidth或maxHeight

Question

我正在尝试将世界地图的maxWidth设置为highcharts，但它不会改变大小。

我尝试过这些：

responsive: {
        rules: [{
            condition: {
                maxWidth: 500
            },
...

按照建议的here和demo。

chart: {
    maxWidth: 1024
},

按照建议的here，demo。

我正在使用this example中的代码。

Answer 1

responsive: {
    rules: [{
        condition: {
            maxWidth: 500
        },
...

以上选项是在共享演示为以下情况下将应用下一个定义的图表选项的条件：

chartOptions: {
    xAxis: {
        labels: {
            formatter: function () {
                return this.value.charAt(0);
            }
        }
    },
    yAxis: {
        labels: {
            align: 'left',
            x: 0,
            y: -2
        },
        title: {
            text: ''
        }
    }
}

Highcharts不提供chart.maxWidth功能，仅提供您与API共享以设置图表宽度固定值的chart.width功能。

您可以为渲染Highcharts映射的div设置最大宽度，但是请记住有关导入CSS的信息。

演示：https://stackblitz.com/edit/react-ts-5upg3v?file=index.tsx

或者没有CSS作为内联样式-演示：https://stackblitz.com/edit/react-ts-uy5xkd?file=index.tsx