如何使仪表高图表响应

Question

请参阅下面的 jsfiddle 目前很小，图例没有响应，如何使其响应[文本]，没有标题它工作正常，但我也希望标题和图例在图表中响应 请帮助我使仪表高图表响应标题和图例。 我附上了下面的链接，我试图使其响应：[[演示链接]：

'https://jsfiddle.net/khushbu_mistry/sxu8nfyj/1/'

请帮助我使其响应

Answer 1

由于您使用

pane.size

/

load()

更新

render()

的解决方案会产生标题和图例的响应性问题，因此我建议使用默认解决方案，即允许您调整图表的

responsive

属性配置到适当的分辨率：

Highcharts.chart('container', {
  ...
  responsive: {
    rules: [{
      condition: {
        maxWidth: 630
      },
      chartOptions: {
        chart: {
            height: 300
        },
        pane: [{
          center: ['50%', '95%'],
          size: '180%',
        }],
      }
    }]
  }
});

演示：https://jsfiddle.net/BlackLabel/1tf93mo2/
API：https://api.highcharts.com/highcharts/responsive