d3.js 折れ線







Line Chart Feb/14/2017



折れ線サンプル


Feb/14/2017


// ———————————————————————–
// oresen02.js
// ———————————————————————–
d3.json (“data.json”, function(error, dataset) {

// 400×100のsvg領域を作る
const w = 400
const h = 100
var svg = d3.select(“#result”)
.append(“svg”)
.attr(“width”, w)
.attr(“height”, h);

// datasetを{x,y}の座標の配列に変換する。
// X座標は、領域全体を個数で割って全体を使えるようにする。
// 原点が左上なので、Y座標は最大値から引き算する
// それぞれ2ずらしているのは、0地点の場合に線が欠けるため。
var pathinfo = [];
var b_x = w / dataset.length;
for (var i=0; i

コメントを残す