円グラフのデータラベルを400px幅以下のハイチャートに表示しない

Question

ハイチャートの新しい応答オプションを使用して、チャート幅が400ピクセル以下になったときにデータラベルを円グラフに表示しないようにしています。

responsive: { 
    rules: [{ 
     condition: { 
      maxWidth: 300 
     }, 
     plotOptions: { 
      pie: { 
       allowPointSelect: true, 
       cursor: 'pointer', 
       dataLabels: { 
        enabled: false, 
        format: '<b>{point.name}</b>:{point.percentage:.1f} %', 
        style: { 
         color: (Highcharts.theme && Highcharts.theme.contrastTextColor) || 'black' 
        } 
       } 
      } 
     } 
    }] 
} 

と400ピクセル以下falseに有効dataLabelsを設定するためのものです：

私の応答コードは次のようです。私はここでこれを試しましたhttp://jsfiddle.net/chv4ux0z/しかし、役に立たない、誰かが私が間違っていることを知っている、私はHighchartsの例に従ってきたが、ちょうどこの権利を得るように見える！

Answer 1

私はあなたがresponsive.rules.chartOptionsオブジェクト内にあなたのplotOptionsを追加できるはずだと思います。次に、あなたのチャートが正常に動作する必要があります http://api.highcharts.com/highcharts/responsive.rules.chartOptions

responsive: { 
    rules: [{ 
     condition: { 
     maxWidth: 400 
     }, 
     chartOptions: { 
     plotOptions: { 
      pie: { 
      allowPointSelect: true, 
      cursor: 'pointer', 
      dataLabels: { 
       enabled: false, 
       format: '<b>{point.name}</b>:   {point.percentage:.1f} %', 
       style: { 
       color: (Highcharts.theme && Highcharts.theme.contrastTextColor) || 'black' 
       } 
      } 
      } 
     } 
     } 
    }] 
    } 

ライブ例：あなたの例が動作しているようhttp://jsfiddle.net/chv4ux0z/2/