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');
Ответы
Ответ 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
});
Если у кого-то есть лучшее решение, прокомментируйте здесь.
Ответ 2
Развитие NVD3, похоже, переместилось в nvd3-community fork, у которого documentation.
Ответ 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