Как установить кисти в диапазон фильтрации с помощью dc.js

Question

Я создал визуализацию this и хотел бы использовать предопределенные фильтры в тексте объяснения. Я создал ссылку, где фильтр применяется на BarChart как так:

<a href="javascript:filterAge([13,14,15])">Filter</a> 

Функция filterAge является:

function filterAge(filters) { 
    dc.filterAll(); 
    for (var i = 0; i < filters.length; i++) { 
    ageChart.filter(filters[i]); 
    } 
    dc.redrawAll(); 
} 

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

Я столкнулся с вопросом this, но не смог применить его к способу работы dc.js. Another вопрос кажется в том же направлении, но не хватает тщательного ответа.

Answer 1

Поскольку у нас недостаточно рецензентов, чтобы получить вопросы, отмеченные как дубликаты, я расскажу об этом.

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

Попробуйте с помощью ranged filter object вместо:

<a href="javascript:filterAge(13,16)">Filter</a> 

function filterAge(low, high) { 
    dc.filterAll(); 
    ageChart.filter(dc.filters.RangedFilter(low, high)); 
    dc.redrawAll(); 
}