如何隐藏条形图轴的线条？

Question

我正在尝试隐藏图表轴线上的线条以尝试将其与此图片匹配。

这是我目前的结果。

我该怎么做？

var chart = c3.generate({
      bindto: '#chart',
      padding: {
          left: 60
      },
      data: {
          x: 'x',
          columns:
          [
              ['x', 'Category1', 'Category2','Categoia3'],
              ['value', 300, 400,700]
          ],
          type: 'bar'
      },
      axis: {
          rotated: true,
          x: {
              type: 'category'
          }
      }
 }
);

http://plnkr.co/edit/IzkGUsluWwxrGpgX8gte?p=preview

Answer 1

您可以添加：

.tick line { display:none; }

在你的CSS中使所有刻度消失，适用于c3.js和d3.js