Перекрестная фильтрация с использованием текстовых полей

Я не уверен, где вы находитесь с вашим проектом, поэтому я могу дать только общие советы по вещам, которые вы можете исследовать дальше.

• Прежде чем вы сможете фильтровать измерение с помощью crossfilter.js, вам необходимо зарегистрировать это измерение. В примере, который вы нашли, это то, что делается при инициализации переменных var magValue, var timeDimension, var depthValue и var volumeByDay.
• Если вы еще этого не сделали, вам нужно слушать, когда символ вставляется в ваше текстовое поле. Это можно сделать с помощью прослушивателя событий, который прослушивает событие ключ. Когда прослушиватель регистрирует событие keyup, вы можете активировать функцию фильтра в соответствующем измерении.
• При использовании функции myDimension.filter(value) в crossfilter.js она фильтрует точное значение, диапазон или функцию в зависимости от того, передается ли ей простая переменная, массив или функция. В примере, который вы обнаружили, кажется, что это обрабатывается dc.js, но в переполнении стека и в API, на который вы ссылаетесь, это обрабатывается вручную, взаимодействуя с предварительно созданным измерением. Если вам нужно точное совпадение, вы можете напрямую передать содержимое из текстового поля. Если вам нужны более нечеткие критерии, вы можете использовать что-то вроде расстояние Левенштейна (например, через этот пакет нпм), передав функцию при вызове myDimension.filter(value).

Дайте мне знать, если это поможет вам (или нет). Если бы вы могли поделиться кодом, который у вас есть в настоящее время, я мог бы решить вашу проблему более конкретно.