Установите область "фокус" в строке nvd3.js lineWithFocusChart

Я использую модель lineWithFocusChart.js, показанную в приведенных здесь примерах nvd3: http://nvd3.org/ghpages/examples.html

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

Ответы

Ответ 1

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

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

Благодарим комментарий @elsherbini.

Ответ 2

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

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

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

chart.brushExtent([10000,490000]);

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