如何删除amchart中条形图（图形）之间的空格

Question

我正在使用Amchart。我在一个图表中有三个图表，我在这些图表之间找到了小的空白区域。

请问有人帮助我如何删除图表之间的空白区域。

Answer 1

要消除不同图表的列之间的间距，请将columnSpacing设置为零。

＆＃13;

＆＃13;

var chart = AmCharts.makeChart("chartdiv", {
  "type": "serial",
  "theme": "light",
  "dataProvider": [{
    "country": "USA",
    "value1": 2025,
    "value2": 1876
  }, {
    "country": "China",
    "value1": 1882,
    "value2": 800
  }, {
    "country": "Japan",
    "value1": 1809,
    "value2": 2001
  }, {
    "country": "Germany",
    "value1": 1322,
    "value2": 1399
  }, {
    "country": "UK",
    "value1": 1122,
    "value2": 900
  }, {
    "country": "France",
    "value1": 1114,
    "value2": 987
  }, {
    "country": "India",
    "value1": 984,
    "value2": 200
  }],
  "graphs": [{
    "fillAlphas": 0.9,
    "lineAlpha": 0.2,
    "type": "column",
    "valueField": "value1"
  }, {
    "fillAlphas": 0.9,
    "lineAlpha": 0.2,
    "type": "column",
    "valueField": "value2"
  }],
  "categoryField": "country",
  "columnSpacing": 0
});

＆＃13;

html, body {
  width: 100%;
  height: 100%;
  margin: 0px;
}

#chartdiv {
	width: 100%;
	height: 100%;
}

＆＃13;

<script src="//www.amcharts.com/lib/3/amcharts.js"></script>
<script src="//www.amcharts.com/lib/3/serial.js"></script>
<script src="//www.amcharts.com/lib/3/themes/light.js"></script>

<div id="chartdiv"></div>

＆＃13;

＆＃13;

＆＃13;

如果您还希望消除类别之间的间距，也可以将columnWidth设置为零。