Javascript– tag –
-
技術Tips
jQuerryのhasClass関数で、指定したセレクタが複数あった場合はどうなるのか。
例えば、以下のようなHTMLがあるとする。 [crayon-673128dd02ce3283163215/] で、以下のように、rowクラスを持つ要素が、favクラスを持っているかどうかを調べるとき。 [crayon-673128dd02ce8529937965/] 結果は、trueがひとつでもあればtrueで、全部false... -
技術Tips
DataTablesでページが切り替わっても、ソートやページャや検索結果を保持しておくようにしたい。
DataTablesで、ページを切り替えると、ソートや、ページャや、フィルタで絞り込んだ結果がリセットされてしまう。 これをなんとかしたい。 DataTablesには、ちゃんとそのための設定が用意されており、saveStateというオプションで、状態(ソートやページャ... -
技術Tips
DataTablesでウインドウの幅に応じてテーブルの幅を調節する。
DataTablesで、設定によっては、ウインドウの幅を変更した際に、テーブルの幅が自動的にリサイズされない場合がある。 そんな時は、styleをインラインで書けば、そのスタイルを一番優先してくれる作りになっている。 つまり、tableタグに直接、style="widt... -
技術Tips
DataTableでデフォルトの表示件数とセレクトボックスの表示件数を設定する。
デフォルトのテーブル表示件数を設定するには、pageLengthプロパティを指定する。 表示件数を選択する、セレクトボックスの数値を変更したい場合は、lengthMenuに配列で指定してやればOK。 [crayon-673128dd03279891437138/] -
技術Tips
DataTablesでフィルタ後のテーブルの高さがおかしい。
DataTablesでフィルタをした際に、フィルタ後の件数が数件しかない場合、テーブルの高さは固定されたままなので、ちょっと変な表示になってしまう。 これに対するオプションは用意されていて、scrollCollapseをtrueに設定すれば、件数に応じてテーブルの高... -
技術Tips
HighChartsでチャートのhoverをオフにしたい。
HighChartsでポインタをチャート(のSeries)に重ねたときに、Seriesが少し太くなるのと、マーカーが表示される、hoverのアニメーションを無効にして非表示にしたい。 [crayon-673128dd034cb239007228/] -
技術Tips
Highchartsでマーカーを非表示にしたい
Highchartsでマーカーを非表示にしたい。チャートのプロットをあらわす点。 [crayon-673128dd035dd946599254/] -
技術Tips
Highchartsで、チャートを最初に表示する際の、デフォルトでついているアニメーションを無効にしたい。
Highchartsで、チャートを最初に表示する際の、デフォルトでついているアニメーションを無効にしたい。 以下のコードで、全てのSeriesに対してアニメーションを無効にできる。 [crayon-673128dd036f5317627239/] -
技術Tips
Highcharts.js(ハイチャート)でランキングのグラフのように軸が反転しているというか、maxとminが逆になっている軸のグラフを作成する。
とにかく、y軸の上が1位で、下が10位みたいなかんじで、上が小さい値で、下が大きい値となるような、軸をhighcharts.jsで作成したい。 yAxisのreversedにtrueを設定すればOK。 https://api.highcharts.com/highcharts/yAxis.reversed
1