Javascript関連のメモ

HighChartで日本時間をx軸に利用

チャートを表示するライブラリにHighChartってのを使ってるけど、横軸の時間がUTCになってしまうので、ちょっとはまった。

こうすればいいらしい

Highcharts.setOptions({
    global: {
        useUTC: false
    }
});
var chart = new HighChart(...);

グローバルな設定として使うらしい。 参考(ほぼそのまま)mtcdotcom's blog

HighChartでチャートをクリックするとUncaught TypeError: undefined is not a functionが出る

Chromeでのみ確認。Google翻訳の拡張機能を切ればおk

参考:javascript - highcharts always console error ablout bubble_compiled.js? - Stack Overflow

bootstrap3のタブ変更時に何か実行したい

タブの中身を表示する時に何か実行させたい時は次のようにすればおk

<ul class="nav nav-tabs">
 <li class="active"><a href="#tab1" data-toggle="tab">Tab1</a></li>
 <li ><a href="#tab2" data-toggle="tab">Tab2</a></li>
</ul>
<div class="tab-content">
 <div class="tab-pane active" id="tab1">
   Tab1 content
 </div>
 <div class="tab-pane" id="tab2">
   Tab2 content
 </div>
</div>
<script>
$('a[data-toggle="tab"]').on('shown.bs.tab', function(e){
    ...
});
</script>

shown.bs.tabってイベントがあるらしい。

参考:Bootstrap 3 jquery event for active tab change - Stack Overflow