C3: El origen no está colocado correctamente

Al configurar el relleno del eje y el rango del gráfico, lo logra.

var chart = c3.generate({
    data: {
        columns: [
            ['data1', 30, 200, 100, 400, 150, 250],
            ['data2', 50, 20, 10, 40, 15, 25]
        ],
        axes: {
            data1: 'y',
            data2: 'y2'
        }
    },
    axis: {
        y: {
            padding: {bottom: 0},
            min: 0
        },
        x: {
            padding: {left: 0},
            min: 0
        }
    }
});

JS Fiddle: http://jsfiddle.net/santazhang/gswhaLu0/1/

Gracias, eso resuelve parcialmente el problema, pero ...

• En JSFiddle, tan amablemente proporcionó que el primer punto de datos aparece parcialmente oscurecido por el eje Y, lo cual no es correcto: debe dibujarse en la parte superior, no debajo y recortar
• Cuando hay relleno (como en mi imagen de ejemplo) las dos líneas se cruzan y se superponen, lo cual no tiene ningún sentido ya que no es el origen ... entonces, ¿cómo se pueden configurar los ejes para que las líneas se detengan en el punto que tocan en lugar de continuar el uno sobre el otro?
• Los valores predeterminados de C3 son configuraciones muy extrañas / inusuales, lo que da como resultado gráficos poco ortodoxos que tienen características que no coinciden con los gráficos comunes / del mundo real ... ¿por qué? ¿Por qué no utilizar la configuración tradicional sobre la que estoy preguntando, que es lo que la mayoría de la gente espera?

Hola,

• c3 no fija el origen como 0 porque el origen no siempre es 0. Quiero decir, si el rango de datos es de 100 a 500, querríamos enfocarnos en el rango de 80 a 520.
• Como dice, parece natural, pero ahora es difícil mostrar el primer punto de datos mientras escribe debido a la especificación de SVG y la forma de implementación de c3. Sin embargo, creo que es aceptable y una especie de compensación. ¿Tiene alguna idea para solucionar este problema?
• Lo siento, no estoy seguro de lo que quieres decir, pero si te refieres a la marca en la parte inferior y superior del eje, es d3 way. Sin embargo, es posible ocultar usando axis.x.tick.outer = false y axis.y.tick.outer = false si lo desea.
• Como dices, la configuración predeterminada es importante. Actualizaré de acuerdo con las solicitudes si es necesario.

Por favor déjame cerrar.