Rails 4 と Turbolinks で Highcharts を使用しています。ページを切り替えたときにグラフが表示されないという問題に直面しました。
初期化スクリプトでこれを行うことでこれを修正しました:
var ready = function(){
Highcharts.getOptions().colors = Highcharts.map(Highcharts.getOptions().colors, function(color) {
return {
radialGradient: { cx: 0.5, cy: 0.3, r: 0.7 },
stops: [
[0, color],
[1, Highcharts.Color(color).brighten(-0.3).get('rgb')] // darken
]
};
});
//further initialization
}
$(document).ready(ready);
$(document).on('page:load', ready);
その後、ページにアクセスするたびにロードされました。しかし、チャート全体が黒です。複数の色の円グラフを使用しています。ただし、最初の色のみが表示されます。しかし、その後のページ訪問では、色はすべて黒です。