C3: Filtrar por garrapatas

Creado en 4 nov. 2014 · 3Comentarios · Fuente: c3js/c3

¿Qué piensas acerca de convertir además values en algo parecido a un filtro de x ? Me refiero a la siguiente posibilidad:

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

Además, sería genial tener esa posibilidad para el eje y también, por ejemplo, cuando necesita mostrar un gráfico de área con valores de y del 80 al 100% de rango, sería mucho más agradable mostrar cada segundo tick y línea de cuadrícula (es decir, 80 , 82, 84, ...)

C-feature-request

Fuente

wojciechowskid

Comentario más útil

@ masayuki0812
Puedo tomar este.
¿Cómo me alisto?

michaelrodov en 8 may. 2016

👍4

Todos 3 comentarios

Con 0.3.0 logré algo similar con una anulación razonablemente simple. El siguiente ejemplo mostrará el primer mes de cada año, para series de tiempo de resolución de un mes.

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

Permítame marcar como mejora.
Y básicamente, los ticks se generan automáticamente, por lo que no podemos controlar mientras establezcamos axis.x.tick.values . Quiero decir, si podemos establecer un filtro para las garrapatas, no significa que podamos controlarlas por completo. Los ticks que queremos deben generarse antes de filtrarse. En este caso, si todos los ticks generados son el segundo día de cada mes, se filtrarán todos los ticks, entonces no habrá tick. Entonces, creo que necesitamos otra característica, algo así como una devolución de llamada para generar ticks dinámicamente.