LATEST ENTRIES
CATEGORIES
ARCHIVES
SPONSORED LINK
MOBILE
qrcode
LINKS
PROFILE
OTHERS

12
--
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
--
>>
<<
--

Agata's Blog

MATLABやPythonとともにD3.jsを使ってデータ解析とデータビジュアライゼーションに挑戦する某エンジニアのBlog
<< D3.jsのバージョンアップ | main | 【D3.js】CSVからデータを読み込んで散布図を作成する >>
【D3.js】Ver.4での折れ線グラフの作成・その1
0

    バージョンアップしたD3.jsを使って、さっそく折れ線グラフを作成してみます。前回お話したように、バージョンアップによって、 d3.scale.linear() d3.scaleLinear() に変わったことに注意して下さい。また、軸の目盛りの表示位置を指定するためのメソッドとして、 d3.axisBottom() , d3.axisTop() , d3.axisRight() , d3.axisLeft() の4つが新たに導入されています。

    それでは、これらを使って基本的な折れ線グラフを作成してみましょう。なお、27行目や33行目に出てくる .nice() というメソッドは、スケールの両端の数値を、なるべくキリの良い数字になるように、"いい感じ (nice) " に丸めてくれるメソッドです。

     

     

    JUGEMテーマ:JavaScript

    このエントリーをはてなブックマークに追加
    | グラフ作成 | 22:29 | comments(0) | - | - |
    スポンサーリンク