MW211 EXIT

devlog
Highstock/俯瞰図グラフの選択
2014年05月13日
画面下に絞り込む前の全体像である俯瞰図グラフが表示されるが、
既定では一番目のグラフが表示される。
これを、二番目以降に変更する方法。

「navigator.baseSeries」に指定する。

添字で指定する方法。
┌──────────────────────────────────────┐
│var chart = new Highcharts.StockChart({                                     │
│    navigator   :{                                                          │
│        baseSeries  :1                                                      │
│    },                                                                      │
│    series  :[{                                                             │
│        data    :[1,3,5,7]                                                  │
│    },{                                                                     │
│        data    :[2,4,6,8]                                                  │
│    }]                                                                      │
│});                                                                         │
└──────────────────────────────────────┘
数値を指定する。

識別子(ID)で指定する方法。
┌──────────────────────────────────────┐
│var chart = new Highcharts.StockChart({                                     │
│    navigator   :{                                                          │
│        baseSeries  :'ID2'                                                  │
│    },                                                                      │
│    series  :[{                                                             │
│        id      :'ID1',                                                     │
│        data    :[1,3,5,7]                                                  │
│    },{                                                                     │
│        id      :'ID2',                                                     │
│        data    :[2,4,6,8]                                                  │
│    }]                                                                      │
│});                                                                         │
└──────────────────────────────────────┘
各グラフ(series)に「id」を定義し、それを指定する。
「id」は文字列にしないと(例え文字列として指定しても)添字と誤認されるので注意。
例)「navigator.baseSeries = '1'」としても「1」と認識して添字の1番目となる。
分類:Highcharts
Highstock/グラフポイントの大きさ
2013年07月24日
以下のパラメータで大きさを変更できる。
┌──────────────────────────────────────┐
│options.series = [{                                                         │
│    marker          :{                                                      │
│        enabled :true,                                                      │
│        radius  :1      // ←この値を変える                                 │
│    }                                                                       │
│}];                                                                         │
└──────────────────────────────────────┘

ポイントを表示したくない場合には、「enabled:false」にする。
┌──────────────────────────────────────┐
│options.series = [{                                                         │
│    marker          :{                                                      │
│        enabled :false                                                      │
│    }                                                                       │
│}];                                                                         │
└──────────────────────────────────────┘
「radius:0」でも同じ。
┌──────────────────────────────────────┐
│options.series = [{                                                         │
│    marker          :{                                                      │
│        enabled :true,                                                      │
│        radius  :0                                                          │
│    }                                                                       │
│}];                                                                         │
└──────────────────────────────────────┘
こうすると、ポイントは表示されず、二つ以上連なると線が引かれるだけとなる。
また、カーソルをあてるとポイントは認識できる。
分類:Highcharts
前へ 1 次へ