動態字體大小和寬度的響應式圖表

Question

我試圖使餅圖完全響應，以便可以在較小的設備上查看它。 我使用最新的Highcharts版本（版本5）繪制圖表。

我使用下面的代碼為圖表提供了最大和最小寬度，因此圖表不會擴大或縮小得太多

JS代碼

responsive: {
  rules: [{
    condition: {
      maxWidth: 500,
      minWidth: 100
    },
    chartOptions: {
      legend: {
        enabled: true
      }
    }
  }]
},

但不幸的是，這似乎不起作用。 最大和最小寬度未應用於圖表。

當在小屏幕上查看時，如何動態（較小）設置圖例和圖表中的字體大小（百分比和中心文本）。 現在，在較小的屏幕上，字體大小保持不變，這會占用大量空間並破壞圖表

我已經在這里設置了一個演示https://jsfiddle.net/livewirerules/6wu282fu/11/

任何幫助將不勝感激

Answer 1

我為即將到來的裁判回答

從Highcharts 5開始，您可以使用帶有em號的動態值來更改字體大小，例如：1em

您可以在此處查看其運行情況：

 [http://jsfiddle.net/gh/get/jquery/1.7.2/highcharts/highcharts/tree/master/samples/highcharts/css/em/][1]