Подтвердить что ты не робот

NVD3.js: Где находится документация? Нужна помощь в настройке некоторых функций

Я начинаю работать с NVD3.js, и я немного теряюсь в настройках, доступных с помощью этого инструмента. Я хочу настроить многие элементы, например:

  • Отображение метки оси x для каждого бара, в настоящее время у меня отображаются только четные: My currently chart
  • Я хочу настроить функцию щелчка на барах, которая будет перенаправляться на страницу, передающую ось x в качестве параметра, эта ссылка может отображаться на ярлыке, но в этом случае мне нужно ее изменить, чтобы щелкните по нему.

Это мои сомнения, может ли кто-нибудь помочь мне с ссылкой документации или с ответом на мои вопросы?

- EDIT -

Определено, как отображать метку для каждого бара по оси x:

В nv.d3.js отредактируйте функцию nv.models.multiBarChart. В этой строке: reduceXTicks = true, установите значение false.

или

Просто добавьте эту строку в свою функцию nv.addGraph:

chart.reduceXTicks('false');
4b9b3361

Ответ 1

Спасибо за все ответы, но я сделал это сам:

Для отображения метки оси x для каждого столбца:

Добавьте chart.reduceXTicks('false'); к вашей функции nv.addGraph(), например:

nv.addGraph(function () {
    var chart = nv.models.multiBarChart();

    chart.reduceXTicks(false);

    return chart;
});

Чтобы добавить событие, щелкнув по столбцам, используйте это в своей функции диаграммы:

d3.selectAll("rect.nv-bar").on("click", function (d) { // You can pass d to function to recover x ou y value of the bar
  // Whatever you want to do on click
});

Если у кого-то есть лучшее решение, прокомментируйте здесь.

Ответ 3

Согласовано с shabeer90. Нет документации для NVD3 (желательно было). Документация D3.js, конечно, в основном в игре...

Ответ 4

Хотя это не идеальное решение, мне легче узнать доступные параметры конфигурации, используя приведенную ниже ссылку и переделать параметры справа, пока не получу результаты, которые я хочу. Это для оболочки angularjs для nvd3, но конфигурация почти такая же, только через JSON.

https://krispo.github.io/angular-nvd3/#/historicalBarChart

Ответ 5

Здесь есть документация для API. Ни один из этих инструментов не будет полезен, пока кто-то не придет вместе с абстракцией, которая просто поглощает JSON. Никто не хочет кодировать проклятый график.

https://github.com/novus/nvd3/wiki/API-Documentation