javascript - Chartist.js 删除标签？

Question

所以我可以display:none 标签ex。下面是 css，但我的 .ct-chart 在图表 ex 的左侧和底部仍然有一些东西。下图。

.ct-labels, .ct-grids {
  display: none;
}

理想情况下，蓝色图表位于白色模块的左侧和底部，以便与 d​​iv 相匹配，它是绝对定位的，并且图表响应是打开的。我假设空白是根据 DOM 中仍然存在的标签创建的？

我希望图表的左侧和底部不显示空白。我的 .ct-chart CSS 看起来像这样。

.ct-chart {
position: absolute;
width: 100%;
left: 0;
top: 0;
height: 100%;
padding: 0;
z-index: -1;
}

Answer 1

如果您根本不想有标签，没有网格线并删除所有偏移和填充，您可以这样做，但它需要相当多的配置:

var chart = new Chartist.Line('.ct-chart', {
  labels: [1, 2, 3, 4],
  series: [
    [1, 4, 2, 5],
    [2, 3, 1, 4]
  ]
}, {
  showPoint: false,
  showLine: false,
  showArea: true,
  fullWidth: true,
  showLabel: false,
  axisX: {
    showGrid: false,
    showLabel: false,
    offset: 0
  },
  axisY: {
    showGrid: false,
    showLabel: false,
    offset: 0
  },
  chartPadding: 0,
  low: 0
});

http://jsbin.com/patela/1/edit?html,css,js,output