hacer una tabla de X vs Y

Tengo algunos puntos en x y otros en y. Estoy tratando de hacer un gráfico como en la imagen que tengo. Quiero que se puedan unir los puntos del gráfico creado. en c3.js no sé cómo trazar X vs Y. ¿Cómo puedo lograr algo como mi foto?

https://jsfiddle.net/8tqguqww/

var pointsx=[1,2,3,4,5,4,3,2,1]
var pointsy=[2,3,4,7,8,9,8,7,3]

var chart = c3.generate({
    data: {
        columns: [
            ['data1', 30, 200, 100, 400, 150, 250],
            ['data2', 50, 20, 10, 40, 15, 25]
        ]
    },
    point: {
        show: true
    }
});

Respuestas a la pregunta(1)

Su respuesta a la pregunta