C3: Filtro para carrapatos

Criado em 4 nov. 2014 · 3Comentários · Fonte: c3js/c3

O que você acha de transformar, além disso, values em algo semelhante ao filtro de x ? Quero dizer a seguinte possibilidade:

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

Além disso, seria ótimo ter essa possibilidade para o eixo y também, por exemplo, quando você precisa mostrar o gráfico de área com valores de y de 80 a 100% da faixa, que seria muito melhor exibir a cada segundo tique e linha de grade (ou seja, 80 , 82, 84, ...)

C-feature-request

Fonte

wojciechowskid

Comentários muito úteis

@ masayuki0812
Eu posso levar este.
Como faço para me inscrever?

michaelrodov em 8 mai. 2016

👍4

Todos 3 comentários

Com 0.3.0 consegui algo semelhante com uma substituição razoavelmente simples. O exemplo abaixo mostrará o primeiro mês de cada ano, para uma série temporal de resolução de mês.

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 em 4 nov. 2014

Por favor, deixe-me marcar como aprimoramento.
E basicamente os ticks são gerados automaticamente, então não podemos controlar, desde que definamos axis.x.tick.values . Quer dizer, se podemos definir um filtro para carrapatos, isso não significa que podemos controlá-los completamente. Os ticks que desejamos precisam ser gerados antes de serem filtrados. Nesse caso, se todos os ticks gerados forem do 2º dia de cada mês, todos os ticks serão filtrados, então não haverá nenhum tick. Então, acho que precisamos de outro recurso, como um retorno de chamada para gerar ticks dinamicamente.