многоканальная линия диаграммы D3.js Json структура данных

Question

Я пытаюсь изменить this скрипку

где вместо этих данных Json

var data = [{"symbol":"MSFT","date":"Day1","price":40},{"symbol":"MSFT","date":"Day2","price":23.18},{"symbol":"MSFT","date":"Day3","price":24.43} 

Я хочу передать этот формат JSON { "day1": 10, "day2": 154, "day3": 24, "day4": 48, "day5": 154, "day6": 48, "day7": 154, "day8": 154, "lineName": "cars", }. { "day1": 10, "day2": 154, "day3": 24, "day4": 48, "day5": 154, "day6": 48, "day7": 154, "day8": 154, "lineName": "bikes", }, { "day1": 10, "day2": 154, "day3": 24, "day4": 48, "day5": 154, "day6": 48, "day7": 154, "day8": 154, "lineName": "planes", }

I Я новичок в JS и D3.js, может ли кто-нибудь дать мне какой-нибудь намек или пример на мотыге, я могу изменить код, который он примет выше Json. или любой из способов массажа Данные,

Answer 1

Вместо того шкалы времени

var x = d3.time.scale().domain(Array).range([0, width]); 

использования порядкового шкалы

var ar = ["Day 1","Day 2", "Day 3","Day 4","Day 5","Day 6","Day 7"]; 
var x = d3.scale.ordinal() 
    .domain(arr) 
    .rangeBands([0, width]); 

Answer 2

Timescale не подходит для домена

• Use Ordinal scale

var domain = ["Day 1","Day 2", "Day 3","Day 4","Day 5","Day 6","Day 7"]; var xScale = d3.scale.ordinal() .domain(domain) .rangeRoundBands([0, width], .1); var xAxis = d3.svg.axis() .scale(xScale) .tickSize(0) .orient("bottom"); svg.append("g") .attr("class", "x axis") .attr("transform", "translate(0," + height + ")") .call(xAxis);