Javascript AmChart股票图表未显示不同的图表

我试图在AmChart股票图表中显示两个图表，但它在两个图表中显示相同的数据。我的Javascript代码如下所示：

var chart=AmCharts.makeChart（“chartdiv”{
类型：“库存”//可能的类型有：序列、饼图、xy、雷达、漏斗、仪表、地图、库存
路径图像：http://www.amcharts.com/images/",
dataDateFormat:“YYYY-MM-DD”，
数据集：[{
颜色：“#b0de09”//条形图颜色
//userRegistrations变量是用户数据的源
数据提供程序：用户注册，
字段映射：[{
fromField：“val”，
托菲尔德：“价值”
}],
类别字段：“日期”
},
{
颜色：“#efefef”//条形图颜色
//likes变量是likes的数据源
数据提供者：喜欢，
字段映射：[{
fromField：“val”，
托菲尔德：“价值”
}],
类别字段：“日期”，
}],
面板：[{
图例：{}，
股票图表：[{
id:“graph1”，
valueField:“值”，
键入：“列”，
标题：“用户图”，
注：1，
可比:对,，
比较字段：“值”，
BallooText:“注册用户：[[val]]”，
}]
},
{
图例：{}，
股票图表：[{
id:“graph2”，
valueField:“值”，
键入：“列”，
标题：“观察列表图”，
注：1，
可比:对,，
比较字段：“值”，
BallootText:“添加到监视列表：[[val]]”，
}]
}],
面板设置：{
起始时间：1
},
类别执行设置：{
长度：5
},
值AXESSETTINGS：{
长度：5
},
图表滚动条设置：{
图形：“graph1”，
图形类型：“行”，
位置：“顶部”
},
图表光标设置：{
ValueBallodesEnabled:正确，
全宽：对，
cursorAlpha:0.1
},
//范围选择器
周期选择器：{
位置：“顶部”，
期间：[{
句号：“DD”，
计数：1，
标签：“1天”
}, {
句号：“DD”，
选择：正确，
计数：7，
标签：“7天”
}, {
句号：“MM”，
计数：1，
标签：“1个月”
}, {
期间：“yyy”，
计数：1，
标签：“1年”
}, {
期间：“年初至今”，
标签：“年初至今”
}, {
句号：“MAX”，
标签：“最大值”
}]
},
//气球在鼠标悬停
“气球”：{
“颜色”：正确，
“颜色”：“000000”，
//“转弯半径”：5，
“fillColor”：“#FFFFFF”
}
});
//日期选择器
chart.addListener（'rendered'，函数（事件）{
var dataProvider=chart.dataSets[0]。dataProvider；
$（.amChartsPeriodSelector.amChartsInputField”）.datepicker({
日期格式：“dd-mm-yy”，
minDate:数据提供程序[0]。日期，
maxDate:dataProvider[dataProvider.length-1]。日期，
onClose:function（）{
$（.amChartsPeriodSelector.amChartsInputField”）.trigger（'blur'）；
}
});
});如果我理解正确，您希望第一个面板显示从第一个数据集生成的图形，第二个面板显示从第二个数据集生成的图形

要实现这一目标，您需要做几件事：

1） 通过将第二个数据集的参数设置为
true
来比较第二个数据集，并将值字段映射到与第一个数据集不同的名称：

{
    color: "#efefef", // bar chart color

    // likes variable is source of data for likes
    dataProvider: likes,

    fieldMappings: [{
        fromField: "val",
        toField: "value2"
    }],
    categoryField: "date",
    compared: true
}

2） 使第二个面板上的图形使用“value2”字段而不是“value”

以下是完整的代码：

var chart = AmCharts.makeChart("chartdiv", {
    type: "stock",  // Possible types are: serial, pie, xy, radar, funnel, gauge, map, stock
    pathToImages: "http://www.amcharts.com/images/",
    dataDateFormat: "YYYY-MM-DD",
    dataSets: [{
        color: "#b0de09", // bar chart color

        // userRegistrations variable is source of user data
        dataProvider: userRegistrations,

        fieldMappings: [{
            fromField: "val",
            toField: "value"
        }],
        categoryField: "date"
    },
    {
        color: "#efefef", // bar chart color

        // likes variable is source of data for likes
        dataProvider: likes,

        fieldMappings: [{
            fromField: "val",
            toField: "value2"
        }],
        categoryField: "date",
        compared: true
    }],

    panels: [{

        legend: {},

        stockGraphs: [{
            id: "graph1",
            valueField: "value",
            type: "column",
            title: "User Graph",
            fillAlphas: 1,
            comparable: true,
            compareField: "value",
            balloonText: "Users registered: <b>[[val]]</b>",

        }]
    },
    {

        legend: {},

        stockGraphs: [{
            id: "graph2",
            valueField: "value2",
            type: "column",
            title: "Watch List Graph",
            fillAlphas: 1,
            comparable: true,
            compareField: "value2",
            balloonText: "Added to Watch List: <b>[[val]]</b>",

        }]
    }],

    panelsSettings: {
        startDuration: 1
    },

    categoryAxesSettings: {
        dashLength: 5
    },

    valueAxesSettings: {
        dashLength: 5
    },

    chartScrollbarSettings: {
        graph: "graph1",
        graphType: "line",
        position: "top"
    },

    chartCursorSettings: {
        valueBalloonsEnabled: true,
        fullWidth:true,
        cursorAlpha:0.1

    },

    // range selector 
    periodSelector: {
        position: "top",
        periods: [{
            period: "DD",
            count: 1,
            label: "1 day"
        }, {
            period: "DD",
            selected: true,
            count: 7,
            label: "7 days"
        }, {
            period: "MM",
            count: 1,
            label: "1 month"
        }, {
            period: "YYYY",
            count: 1,
            label: "1 year"
        }, {
            period: "YTD",
            label: "YTD"
        }, {
            period: "MAX",
            label: "MAX"
        }]
    },

  // ballon on mouse hover
  "balloon": {
    "adjustBorderColor": true,
    "color": "#000000",
    // "cornerRadius": 5,
    "fillColor": "#FFFFFF"
  }
});

var chart=AmCharts.makeChart（“chartdiv”{
类型：“库存”//可能的类型有：序列、饼图、xy、雷达、漏斗、仪表、地图、库存
路径图像：http://www.amcharts.com/images/",
dataDateFormat:“YYYY-MM-DD”，
数据集：[{
颜色：“#b0de09”//条形图颜色
//userRegistrations变量是用户数据的源
数据提供程序：用户注册，
字段映射：[{
fromField：“val”，
托菲尔德：“价值”
}],
类别字段：“日期”
},
{
颜色：“#efefef”//条形图颜色
//likes变量是likes的数据源
数据提供者：喜欢，
字段映射：[{
fromField：“val”，
托菲尔德：“价值2”
}],
类别字段：“日期”，
比较：对
}],
面板：[{
图例：{}，
股票图表：[{
id:“graph1”，
valueField:“值”，
键入：“列”，
标题：“用户图”，
注：1，
可比:对,，
比较字段：“值”，
BallooText:“注册用户：[[val]]”，
}]
},
{
图例：{}，
股票图表：[{
id:“graph2”，
valueField:“value2”，
键入：“列”，
标题：“观察列表图”，
注：1，
可比:对,，
比较字段：“值2”，
BallootText:“添加到监视列表：[[val]]”，
}]
}],
面板设置：{
起始时间：1
},
类别执行设置：{
长度：5
},
值AXESSETTINGS：{
长度：5
},
图表滚动条设置：{
图形：“graph1”，
图形类型：“行”，
位置：“顶部”
},
图表光标设置：{
ValueBallodesEnabled:正确，
全宽：对，
cursorAlpha:0.1
},
//范围选择器
周期选择器：{
位置：“顶部”，
期间：[{
句号：“DD”，
计数：1，
标签：“1天”
}, {
句号：“DD”，
选择：正确，
计数：7，
标签：“7天”
},