如何刪除條形圖中的空格（圖表）

Question

我正在使用Amchart。我在一個圖表中有三個圖表，並且在這些圖表之間發現了很小的空白區域。

你能請一些人幫助我如何刪除圖形之間的空白空間。

Answer 1

要消除不同圖表的列之間的間距，請將columnSpacing設置爲零。

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 
 
});

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

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

<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>

如果你也想消除類別之間的間距，可以設置columnWidth到零。