Set «фокус» в области nvd3.js lineWithFocusChart

Я usuing модели lineWithFocusChart.js показан в примерах nvd3 показана здесь: http://nvd3.org/ghpages/examples.html Set «фокус» в области nvd3.js lineWithFocusChart

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

источник

2013-06-19 Chanka

вы можете быть в состоянии сделайте что-то вроде 'chart.brush.extent ([x0, x1])' где 'x0' и' x1' - это значения, которые вы хотите, чтобы концы кисти начинались. См. Https://github.com/novus/nvd3/blob/master/nv.d3.js строку 4908, чтобы увидеть, что кисть является 'd3.svg.brush()' и см. Https://github.com/mbostock/d3/wiki/SVG-Controls #, чтобы увидеть, что вы можете сделать с кистью d3. – elsherbini

Предположим, что существует только один граф, порожденный nvd3 на странице: комментарий

chart = nv.graphs[0] // how to choose the graph by DOM id? 
chart.brushExtent([10,20]) 
chart.update()

Спасибо @ elsherbini в.

источник

2013-09-19 05:29:45 yegle

@pyCthon вы просто пытались вызвать функцию 'nv.graphs' как функцию? В моем коде нет такого вызова функции, возможно, вы использовали 'nv.graphs (0)' вместо 'nv.graphs [0]'? – yegle

Просмотреть эту фиксацию, https://github.com/tcotav/nvd3/commit/2edc2f7e0cdd9af7ab0f4bfbe47359b8f5fae31c, и мой пост здесь http://stackoverflow.com/questions/32999020/nvd3-accessing-a-chart-object – pyCthon

Я удалил свой старый комментарий с правильной ошибкой сейчас :). В последней версии nvd3 'nv.graphs [0] -> TypeError: nv.graphs undefined' – pyCthon

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

chart = nv.models.lineWithFocusChart() 
    .options({ 
     brushExtent: [10000,490000] 
    });

Или это после того, как вы создали его:

chart.brushExtent([10000,490000]);

Смотрите документацию здесь: http://nvd3-community.github.io/nvd3/examples/documentation.html#lineWithFocusChart

источник

2016-02-21 01:51:34 Brideau

Да,« документация »очень полезна:« Пока нет информации для этого параметра ... » – Vortilion

Set «фокус» в области nvd3.js lineWithFocusChart

ответ

Смежные вопросы