Построение нескольких осей Y в d3js

232
19 декабря 2017, 20:13

Подскажите пожалуйста, есть ли в d3js возможность построение нескольких шкал по Y. Нужно вывести в графике количество продаж, дату, и среднюю цену на эту дату. ПО X идет одна шкала - дата. НА графике отрисовываются 2 линии - одна отвечает за количество продаж, другая за среднюю цену. Так вот Одна шкала по Y показывает количество продаж, а нужна еще одна дополнительная с ценами.

Answer 1

В общем проблему решил так: Создал дополнительную ось Y методом d3.scaleLinear():

var scaleYPrice = d3.scaleLinear()
        .domain([400000 , 0])
        .range([0, yAxisLength]);

Скрыл ее стилями при отрисовке:

svg.append("g")
        .attr("class", "y-axis-price")
        .style('display','none')
        .attr("transform",
            "translate(" + margin + "," + margin + ")")
        .call(yAxisPrice);

И отрисовал дополнительную линию с данными:

 g.append("path")
        .attr("d", line(dataPrice))
        .style("stroke", "blue")
        .style("stroke-width", 2);

UPD: Вот тут еще хорошо описывается создание графика: https://habrahabr.ru/post/303834/

READ ALSO
JavaScript редактирование JSON данных на сервере

JavaScript редактирование JSON данных на сервере

Задача: использовать ТОЛЬКО javascript (или ajax) для реализации сбора данных

309
как создать эффект сетки реагирующей на мышь по примеру сайта?

как создать эффект сетки реагирующей на мышь по примеру сайта?

Всем приветПодскажите, как реализовать подобный эффект: сетку, реагирующую на наведение мыши, как это сделано здесь уже второй раз встречаю...

230
Присвоить переменной данные JSON файла

Присвоить переменной данные JSON файла

Доброго времени сутокИмею json файл(иллюзия ответа от сервера)

236
Promise в цикле

Promise в цикле

ЗдравствуйтеЕсть объект workspace и входной JSON

248