Javascript 以更愉快的方式呈现轴的值

在我当前的图表中，x轴值难以辨认。如何改进表示，或者至少x值的间隔具有统一的间隔

使用：

var图表=c3.0{ 数据：{ xs:{ data1:data2， 数据3:数据4 }, xSort:false， 栏目：[ ['data1'，2,3,4,7,8,9,8,7,3]， ['data2'，1,2,3,4,5,4,3,2,1]， ['data3'，Math.random*10，Math.random*10，Math.random*10，Math.random*10，Math.random*10]， ['data4'，Math.random*10，Math.random*10，Math.random*10，Math.random*10，Math.random*10] ] }, 轴线：{ x:{ 勾选：{ 数值：d3.范围-5,10 } } } }; catImage{ 宽度：40px； 高度：40px； 位置：绝对位置； 左：40px； 顶部：0px； }

var chart = c3.generate({
  data: {
    xs: {
      data1: "data2",
      data3: "data4"
    },
    xSort: false,
    columns: [
      ['data1', -4,3,4,7,8,9,8,7,3],
      ['data2', -5,2,3,4,5,4,3,2,1],
      ['data3', Math.random() * 10,Math.random() * 10,Math.random() * 10,Math.random() * 10,Math.random() * 10,Math.random() * 10],
      ['data4', Math.random() * 10,Math.random() * 10,Math.random() * 10,Math.random() * 10,Math.random() * 10,Math.random() * 10]
    ]

  }
});