現(xiàn)在amCharts（JavaScript Charts 、Javascript Stock Chart） & amMap（JavaScript Maps）支持主題設(shè)置功能，這意味著我們可以在主題文件中使用新的默認設(shè)置，不再需要為每一個圖表、坐標軸設(shè)置屬性。大大減輕了操作流程。

為了幫助您更好的理解該功能，我們?yōu)槟峁﹨⒖即a示例。

效果圖：

代碼：

AmCharts.makeChart("chartdiv", {
type: "serial",
theme: "light",
dataProvider: [{
"year": 2005,
"income": 23.5,
"expenses": 18.1
}, {
"year": 2006,
"income": 26.2,
"expenses": 22.8
}, {
"year": 2007,
"income": 30.1,
"expenses": 23.9
}, {
"year": 2008,
"income": 29.5,
"expenses": 25.1
}, {
"year": 2009,
"income": 24.6,
"expenses": 25
}],
categoryField: "year",
startDuration: 1,
rotate: true,

categoryAxis: {
gridPosition: "start"
},
valueAxes: [{
position: "top",
title: "Million USD",
minorGridEnabled: true
}],
graphs: [{
type: "column",
title: "Income",
valueField: "income",
fillAlphas: 1,
balloonText: "<span style='font-size:13px;'>[[title]] in [[category]]:<b>[[value]]</b></span>"
}, {
type: "line",
title: "Expenses",
valueField: "expenses",
lineThickness: 2,
bullet: "round",
balloonText: "<span style='font-size:13px;'>[[title]] in [[category]]:<b>[[value]]</b></span>"
}],
legend: {
useGraphSettings: true
}

});

JS設(shè)置中沒有顏色選擇，他們都被定義在light.js文件中（查看參考資料部分）。現(xiàn)在，比如，我想把深色背景的div設(shè)置為淺色背景，只需要從JOSN中改變主題設(shè)置，即設(shè)置深色為淺色。然后運行腳本，你將會看到圖表背景顏色的變化。

當前，你可以在amcharts/themes (或者 ammap/themes) 文件夾中找到3種主題包。你可以根據(jù)自己的需求情況更改這些主題。

為圖表添加主題，你需要為文件名設(shè)置屬性，值得注意的是，這個操作只能在JOSN中才能設(shè)置，所以我們建議大家升級到最新版本并使用JOSN。這里我們提供設(shè)置代碼（以深色轉(zhuǎn)淺色為例）：

var graph = new AmCharts.AmGraph(AmCharts.themes.light);

>>下載JavaScript Charts<<

>>下載JavaScript Stock Chart<<

>>下載JavaScript Maps<<