Highchartsのクレジットのデフォルト設定を上書きする方法

Question

私はハイチャートのクレジットの設定をカスタマイズしようとしていますが、成功はしていません。私はDjangoに取り組んでいます。PythonからHighchartオブジェクトがレンダリングされたhtmlファイルにデータを渡していますが、クレジット設定以外はすべて動作します。

は、以下の私のコードを参照してください：上記のコードでは

<div id={{ chartID|safe }} class="chart"> 
    </div> 

    <!-- Maps the Python template context variables from views.py to the Highchart js variables --> 

    <script> 
     var chart_id = "#chart_ID" 
     var chart = {{ chart|safe }} 
     var title = {{ title|safe }} 
     var xAxis = {{ xAxis|safe }} 
     var yAxis = {{ yAxis|safe }} 
     var series = {{ series|safe }} 
    </script> 

    <!-- Highchart js. Variable map shown above --> 

    <script> 
    $(document).ready(function() { 
     $(chart_id).highcharts({ 
      chart: chart, 
      title: title, 
      xAxis: xAxis, 
      yAxis: yAxis, 
      series: series, 
      plotOptions: {series: {borderColor: '#303030',allowPointSelect: true,cursor: 'pointer'}}, 
      credits: {text: 'MyCompanyName',href:'mywebsite.com',color:'#303030',position:{align:'center',verticalAlign:'center'}} 
      }); 
      }); 
    </script> 

を、私はそれを実行したときにすべてが、うまく設定が動作してもは、plotoptionsを示しています...が、クレジットの更新は動作しません。クレジットにはデフォルト設定が表示されます。つまり、highcharts.comがグラフの右下に表示され、新しい設定では更新されません。

私はここで何が欠けていますか？

ありがとうございました。

Answer 1

あなたが2個のエラーを持っているがcolorstyleとverticalAlign値内である必要がありますあなたのクレジットは、このようにする必要がありますので、下のミドルとトップです：

credits: { 
    text: 'MyCompanyName', 
    href:'mywebsite.com', 
    position:{ 
     align:'center', 
     verticalAlign:'middle' 
    }, 
    style:{ 
     color:'#303030' 
    } 
} 

JSFiddle