Как масштабировать значения по оси X и параметры диапазона с помощью диаграмм nvd3?

Я использую диаграммы NVD3 для создания графиков. Я хотел изменить и настроить значения и значение диапазона дат по оси X.

В настоящее время график использует значения по умолчанию, сгенерированные графиком, но я хочу настроить значения оси X.

Я смотрю на пример начальной загрузки nvd3: http://www.dangrossman.info/2012/08/20/a-date-range-picker-for-twitter-bootstrap/ однако из примера (как показано для случая «Последний 30 дней').

Я не совсем уверен, как и где я могу изменить x-метки, чтобы они были последовательными, а не альтернативными?

Например: в примере для дела «Последние 30 дней» по оси x показано:

введите здесь описание изображения

как я могу настроить график, чтобы он стал:

24 июня 25 июня 26 июня 27 июня ---- по оси абсцисс? есть идеи как добиться?

Спасибо!

РЕДАКТИРОВАТЬ::::::::

Вот скрипка:

http://jsfiddle.net/dxkmtg5j/2/

chart.xAxis.tickFormat(function(d) {
                        return d3.time.format.utc(dataFormat)(new Date(d));
                });

Ниже приводится o/p, который я помечаю на оси «x».

введите здесь описание изображения

Извините, это единственный код, который я мог представить, так как я не очень понимаю, с чего начать обработку меток для оси x. Я изменил файл dateRangePciker.js и попытался изменить код. Этого может быть недостаточно, но если бы я мог получить высокоуровневую идею для реализации, я мог бы попробовать сформировать свою сторону.

Спасибо


twitter-bootstrap daterangepicker nvd3.js
person user1234    schedule 17.11.2014    source источник
comment
Можете ли вы поместить код, над которым вы работали, на скрипку?   -  person shabeer90    schedule 18.11.2014
comment
И приведенный вами пример ссылки является одним из highcharts, а не NVD3.   -  person shabeer90    schedule 18.11.2014

Ответы (1)


arrow_upward
0
arrow_downward

Попробуйте добавить этот код и создать дату

chart.xAxis.tickFormat(function (d) {            
        var dx = testdata[0].values[d] && testdata[0].values[d].x || 0;
        if (dx > 0) {
            console.log(dx);
            return d3.time.format('%X')(new Date(dx))
        }
         return null;
    }).axisLabel("direction").showMaxMin(false);
person Manjunath Raddi    schedule 02.12.2014
comment
спасибо, tickFormat() может работать, но я пытался динамически добавлять данные в axisLabel() вместо текста? Является ли это возможным? что-то вроде: axisLabel(dx)?? - person user1234; 06.12.2014
comment
Прочтите этот сообщение в блоге, чтобы подробнее. - person Manjunath Raddi; 15.12.2014