C3: Фильтр от клещей

Созданный на 4 нояб. 2014 · 3Комментарии · Источник: c3js/c3

Что вы думаете о превращении дополнения values в нечто вроде фильтра x ? Имею в виду следующую возможность:

axis: {
  x: {
    tick: {
        values: function (x) {
           if(x.getDay() === 1) {
               return x;
           }
        }
    }
  }
}

Также было бы здорово иметь такую возможность для оси Y, например, когда вам нужно показать диаграмму области с диапазоном значений y от 80 до 100%, что было бы намного лучше для отображения каждого второго тика и линии сетки (т.е. 80 , 82, 84, ...)

C-feature-request

Источник

wojciechowskid

Самый полезный комментарий

@ masayuki0812
Я могу взять это.
Как мне записаться?

michaelrodov 8 мая 2016

👍4

Все 3 Комментарий

В версии 0.3.0 мне удалось добиться чего-то похожего с довольно простым переопределением. В приведенном ниже примере будет показан первый месяц каждого года для временных рядов разрешения месяца.

var timeseriesTickTest = function(x) {
    var d = new Date(+x);
    if (d.getMonth() === 0) {
        return d;
    }
    return false;
};

c3.chart.internal.fn.mapTargetsToUniqueXs = function (targets) {
    var $$ = this;
    var xs = $$.d3.set($$.d3.merge(targets.map(function (t) { return t.values.map(function (v) { return +v.x; }); }))).values();
    return $$.isTimeSeries() ? xs.map(timeseriesTickTest).filter(Boolean) : xs.map(function (x) { return +x; });
}

craigloftus 4 нояб. 2014

Пожалуйста, позвольте мне отметить как улучшение.
И в основном тики генерируются автоматически, поэтому мы не можем контролировать, пока устанавливаем axis.x.tick.values . Я имею в виду, что если мы можем установить фильтр для тиков, это не значит, что мы можем полностью их контролировать. Тики, которые мы хотим, должны быть сгенерированы до фильтрации. В этом случае, если все сгенерированные тики приходятся на 2-й день каждого месяца, каждый тик будет отфильтрован, то тика не будет. Итак, я думаю, нам нужна другая функция, например обратный вызов для динамической генерации тиков.