Javascript 使用amcharts为图表设置主题。[不是JSON数据]

我开发了一个移动应用程序，它使用amcharts显示折线图。我以这个链接为例，请访问并开发我的应用程序。现在我一直坚持设定主题。它包含不同的主题，如“黑暗”、“光明”、“粉笔”等。每个主题都有自己的JS。例如，我附加了一个dark.js链接

var chart;
var chartData = [];
var chartCursor;
var day = 0;
var firstDate = new Date();
firstDate.setDate(firstDate.getDate() - 500);

// generate some random data, quite different range
function generateChartData() {
    for (day = 0; day < 50; day++) {
        var newDate = new Date(firstDate);
        newDate.setDate(newDate.getDate() + day);

        var visits = Math.round(Math.random() * 40) - 20;

        chartData.push({
            date: newDate,
            visits: visits
        });
    }
}

// create chart
AmCharts.ready(function() {
    // generate some data first
    generateChartData();
    // SERIAL CHART    
    chart = new AmCharts.AmSerialChart();
    chart.pathToImages = "http://www.amcharts.com/lib/images/";
    chart.marginTop = 0;
    chart.marginRight = 10;
    chart.autoMarginOffset = 5;
    chart.zoomOutButton = {
        backgroundColor: '#000000',
        backgroundAlpha: 0.15
    };
    chart.dataProvider = chartData;
    chart.categoryField = "date";

    // AXES
    // category
    var categoryAxis = chart.categoryAxis;
    categoryAxis.parseDates = true; // as our data is date-based, we set parseDates to true
    categoryAxis.minPeriod = "DD"; // our data is daily, so we set minPeriod to DD
    categoryAxis.dashLength = 1;
    categoryAxis.gridAlpha = 0.15;
    categoryAxis.axisColor = "#DADADA";

    // value                
    var valueAxis = new AmCharts.ValueAxis();
    valueAxis.axisAlpha = 0.2;
    valueAxis.dashLength = 1;
    chart.addValueAxis(valueAxis);

    // GRAPH
    var graph = new AmCharts.AmGraph();
    graph.title = "red line";
    graph.valueField = "visits";
    graph.bullet = "round";
    graph.bulletBorderColor = "#FFFFFF";
    graph.bulletBorderThickness = 2;
    graph.lineThickness = 2;
    graph.lineColor = "#b5030d";
    graph.negativeLineColor = "#0352b5";
    graph.hideBulletsCount = 50; // this makes the chart to hide bullets when there are more than 50 series in selection
    chart.addGraph(graph);

    // CURSOR
    chartCursor = new AmCharts.ChartCursor();
    chartCursor.cursorPosition = "mouse";
    chart.addChartCursor(chartCursor);

    // SCROLLBAR
    var chartScrollbar = new AmCharts.ChartScrollbar();
    chartScrollbar.graph = graph;
    chartScrollbar.scrollbarHeight = 40;
    chartScrollbar.color = "#FFFFFF";
    chartScrollbar.autoGridCount = true;
    chart.addChartScrollbar(chartScrollbar);

    // WRITE
    chart.write("chartdiv");

    // set up the chart to update every second
    setInterval(function () {
        // normally you would load new datapoints here,
        // but we will just generate some random values
        // and remove the value from the beginning so that
        // we get nice sliding graph feeling

        // remove datapoint from the beginning
        chart.dataProvider.shift();

        // add new one at the end
        day++;
        var newDate = new Date(firstDate);
        newDate.setDate(newDate.getDate() + day);
        var visits = Math.round(Math.random() * 40) - 20;
        chart.dataProvider.push({
            date: newDate,
            visits: visits
        });
        chart.validateData();
    }, 1000);
});

var图；
var chartData=[]；
var-chartCursor；
var日=0；
var firstDate=新日期（）；
firstDate.setDate（firstDate.getDate（）-500）；
//生成一些随机数据，范围大不相同
函数generateChartData（）{
对于（天=0；天<50；天++）{
var newDate=新日期（firstDate）；
newDate.setDate（newDate.getDate（）+天）；
var访问=Math.round（Math.random（）*40）-20；
chartData.push({
日期：newDate，
访问：访问
});
}
}
//创建图表
AmCharts.ready（函数（）{
//首先生成一些数据
generateChartData（）；
//序列图
chart=新的AmCharts.AmSerialChart（）；
chart.pathToImages=”http://www.amcharts.com/lib/images/";
chart.marginTop=0；
chart.marginRight=10；
chart.autoMarginOffset=5；
chart.zoomOutButton={
背景颜色：'#000000'，
背景α：0.15
};
chart.dataProvider=chartData；
chart.categoryField=“日期”；
//斧头
//类别
var categoryAxis=chart.categoryAxis；
categoryAxis.parseDates=true；//由于我们的数据是基于日期的，所以我们将parseDates设置为true
categoryAxis.minPeriod=“DD”//我们的数据是每日的，所以我们将minPeriod设置为DD
categoryAxis.dashLength=1；
categoryAxis.gridAlpha=0.15；
categoryAxis.axisColor=“#DADADA”；
//价值观
var valueAxis=新的AmCharts.valueAxis（）；
valueAxis.axisAlpha=0.2；
valueAxis.dashLength=1；
图表.添加valueAxis（valueAxis）；
//图表
var-graph=新的AmCharts.AmGraph（）；
graph.title=“红线”；
graph.valueField=“访问”；
graph.bullet=“圆形”；
graph.bulletBorderColor=“#FFFFFF”；
图1：厚度=2；
图1.lineThickness=2；
graph.lineColor=“#b5030d”；
graph.negativeLineColor=“#0352b5”；
graph.hidebulletscont=50；//这使得图表在选择的序列超过50个时隐藏项目符号
图表。添加图表（图形）；
//光标
chartCursor=新建AmCharts.chartCursor（）；
chartCursor.cursorPosition=“鼠标”；
chart.addChartCursor（chartCursor）；
//滚动条
var chartScrollbar=新的AmCharts.chartScrollbar（）；
chartScrollbar.graph=图形；
chartScrollbar.scrollbarHeight=40；
chartScrollbar.color=“#FFFFFF”；
chartScrollbar.autogidcount=true；
chart.addChartScrollbar（chartScrollbar）；
//写
chart.write（“chartdiv”）；
//设置图表以每秒更新一次
setInterval（函数（）{
//通常您会在此处加载新数据点，
//但我们只会生成一些随机值
//并从开始处移除该值，以便
//我们有很好的滑动图形的感觉
//从一开始就删除数据点
chart.dataProvider.shift（）；
//在末尾添加一个新的
day++；
var newDate=新日期（firstDate）；
newDate.setDate（newDate.getDate（）+天）；
var访问=Math.round（Math.random（）*40）-20；
chart.dataProvider.push({
日期：newDate，
访问：访问
});
chart.validateData（）；
}, 1000);
});

Visite“我试图根据此次访问设定主题，但没有得到预期的结果。我犯了什么错误？请向我建议解决方案，以便我能够纠正错误。

问题：

1） 您使用的是不支持主题的amcharts v2； 2） 主题文件的路径错误 3） 您不在任何地方设置主题

固定小提琴：

要包括的脚本：

<script src="http://www.amcharts.com/lib/3/amcharts.js" type="text/javascript"></script>
<script src="http://www.amcharts.com/lib/3/serial.js" type="text/javascript"></script>
<script src="http://www.amcharts.com/lib/3/themes/dark.js"></script>

---

当你发布一个JSFIDLE时，不要发布你需要在问题中添加代码的链接，我也不知道。谢谢你帮助我发布这个问题

AmCharts.theme = AmCharts.themes.dark;