半岛外围网上直营

现在amCharts（JavaScript Charts 、Javascript Stock Chart） & amMap（JavaScript Maps）支持主题设置功能，这意味着我们可以在主题文件中使用新的默认设置，不再需要为每一个图表、坐标轴设置属性。大大减轻了操作流程。

为了帮助您更好的理解该功能，我们为您提供参考代码示例。

效果图：

代码：

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设置中没有颜色选择，他们都被定义在light.js文件中（查看参考资料部分）。现在，比如，我想把深色背景的div设置为浅色背景，只需要从JOSN中改变主题设置，即设置深色为浅色。然后运行脚本，你将会看到图表背景颜色的变化。

当前，你可以在amcharts/themes (或者 ammap/themes) 文件夹中找到3种主题包。你可以根据自己的需求情况更改这些主题。

为图表添加主题，你需要为文件名设置属性，值得注意的是，这个操作只能在JOSN中才能设置，所以我们建议大家升级到最新版本并使用JOSN。这里我们提供设置代码（以深色转浅色为例）：

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

>>下载JavaScript Charts<<

>>下载JavaScript Stock Chart<<

>>下载JavaScript Maps<<