d3.js - пустой объект при применении шкалы оси y

Question

Я пытаюсь применить шкалу к оси y в своей диаграмме, но когда я это сделаю, я получаю пустой объект svg. Я сделал то же самое с осью x, и он отлично работает.

Проблема происходит, когда вы раскомментировать этот раздел

// .y(function(d) { 
//  return yScale(d[1]) 
// }) 

http://jsfiddle.net/MgwR5/1/

Может кто-нибудь сказать мне, что я делаю неправильно?

Answer 1

Функции area: y0() и y1(), а не y(). Ссылка: D3 API documentation

Answer 2

Посмотрите на js bin. Я добавил кучу комментариев, которые должны помочь, и я предположил, что вам нужна линейная диаграмма.

Если вы хотите поместить ось на диаграмму, вы должны искать функцию d3.svg.axis. Он делает большую часть тяжелой работы для вас. Вам также нужно сделать пространство для оси, попробуйте использовать некоторые дополнения и поля (вы можете посмотреть this example или пример на странице js bin d3 - используйте ссылку в верхней части страницы google d3). Вы также, вероятно, хотите разделить свою ось и ваш сюжет, используя группу svg ('g').

Cheers