Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/459.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Amcharts-在同一页的Amchart 3中创建2个图表实例_Javascript_Amcharts - Fatal编程技术网

Javascript Amcharts-在同一页的Amchart 3中创建2个图表实例

Javascript Amcharts-在同一页的Amchart 3中创建2个图表实例,javascript,amcharts,Javascript,Amcharts,我试图在同一页上创建2个Amchart实例。这里我手动输入数据。但我使用dataloader从php文件加载数据,使用mysql输出json。为此,我将使用2个不同的php文件输出json 我用不同的id创建了一个额外的div,并用javascript创建了另一个chart实例,并更改了其中的chart id。问题是它仍然在创建一个图表。我做错了什么 这是我的片段- var chart=AmCharts.makeChart(“chartdiv”{ “类型”:“串行”, “主题”:“光”, “a

我试图在同一页上创建2个Amchart实例。这里我手动输入数据。但我使用dataloader从php文件加载数据,使用mysql输出json。为此,我将使用2个不同的php文件输出json

我用不同的id创建了一个额外的div,并用javascript创建了另一个chart实例,并更改了其中的chart id。问题是它仍然在创建一个图表。我做错了什么

这是我的片段-

var chart=AmCharts.makeChart(“chartdiv”{
“类型”:“串行”,
“主题”:“光”,
“addClassNames”:true,
“marginRight”:70,
“panEventsEnabled”:false,
“头衔”:[{
“文本”:“单击国家以查看访客详细信息”
}],
“数据提供者”:[{
“国家”:“美国”,
“访问”:3025,
“hiddenvalue”:3025,//以确保较小条的标签完全可点击
“颜色”:“FF0F00”,
“url”:”https://codepen.io/"
}, {
“国家”:“中国”,
“访问”:1882年,
“hiddenvalue”:3025,
“颜色”:“FF6600”,
“url”:”https://codepen.io/"
}, {
“国家”:“日本”,
“访问”:1809年,
“hiddenvalue”:3025,
“颜色”:“FF9E01”,
“url”:”https://codepen.io/"
}, {
“国家”:“德国”,
“访问”:1322次,
“hiddenvalue”:3025,
“颜色”:“FCD202”,
“url”:”https://codepen.io/"
}, {
“国家”:“英国”,
“访问”:1122次,
“hiddenvalue”:3025,
“颜色”:“F8FF01”,
“url”:”https://codepen.io/"
}, {
“国家”:“法国”,
“访问”:1114,
“hiddenvalue”:3025,
“颜色”:“B0DE09”,
“url”:”https://codepen.io/"
}, {
“国家”:“印度”,
“访问”:984,
“hiddenvalue”:3025,
“颜色”:“04D215”,
“url”:”https://codepen.io/"
}, {
“国家”:“西班牙”,
“访问”:711,
“hiddenvalue”:3025,
“颜色”:“0D8ECF”,
“url”:”https://codepen.io/"
}, {
“国家”:“荷兰”,
“访问”:665次,
“hiddenvalue”:3025,
“颜色”:“0D52D1”,
“url”:”https://codepen.io/"
}, {
“国家”:“俄罗斯”,
“访问”:580,
“hiddenvalue”:3025,
“颜色”:“2A0CD0”,
“url”:”https://codepen.io/"
}, {
“国家”:“韩国”,
“访问”:443,
“hiddenvalue”:3025,
“颜色”:“8A0CCF”,
“url”:”https://codepen.io/"
}, {
“国家”:“加拿大”,
“访问”:441,
“hiddenvalue”:3025,
“颜色”:“CD0D74”,
“url”:”https://codepen.io/"
}],
“响应性”:{
“启用”:正确,
“addDefaultRules”:false,
“规则”:[{
“最大宽度”:600,
“覆盖”:{
“旋转”:正确,
“creditsPosition”:“右下角”,
“列间距”:5,
“minMarginLeft”:38,
“深度3D”:0,
“角度”:0,
“图表”:[{
“隐藏”:假
}, {
“列宽”:1
}],
“传奇”:{
“启用”:正确,
“useGraphSettings”:正确,
“标签文本”:“国家”,
“字体大小”:14
},
“分类法”:{
“labelsEnabled”:错误,
“滴答声长度”:0
},
“价值轴”:[{
“位置”:“顶部”
}, {
“位置”:“底部”,
“includeHidden”:正确
}]
}
}]
},
“价值轴”:[{
“axisAlpha”:0,
“位置”:“左”,
“职务”:“参观人数”
}, {
“id”:“第二个”,
“includeHidden”:错误
}],
“起始持续时间”:1,
“图表”:[{
“标签文本”:“[[类别]]”,
“标签位置”:“内部”,
“id”:“仅标签”,
“showBalloon”:假,
“fillAlphas”:0,
“lineAlpha”:0,
“隐藏”:true,//对于较大的屏幕尺寸,默认情况下隐藏
“列宽”:,
“visibleInLegend”:错误,
“showAllValueLabels”:正确,
“类型”:“列”,
“url字段”:“url”,
“urlTarget”:“空白”,
“valueField”:“hiddenvalue”,//使用隐藏值使标签可单击
“includeInMax”:false//确保图形在缩放时不会影响值轴最小值/最大值。
}, {
“文本”:“[[category]]:[[value]]”,
“fillColorsField”:“color”,
“填充字母”:0.9,
“lineAlpha”:0.2,
“类型”:“列”,
“url字段”:“url”,
“urlTarget”:“空白”,
“valueField”:“访问”
}, {
//第二轴的不可见图形
“fillAlphas”:0,
“lineAlpha”:0,
“隐藏”:是的,
“visibleInLegend”:错误,
“showBalloon”:假,
“valueField”:“访问”,
“valueAxis”:“第二”
}],
“深度3D”:10,
“角度”:45,
“图表光标”:{
“CategoryBallooneEnabled”:false,
“cursorAlpha”:0,
“可缩放”:错误
},
“类别字段”:“国家”,
“分类法”:{
“网格位置”:“开始”,
“classNameField”:“Ctglabel”,
“唇瓣旋转”:45,
“minHorizontalGap”:50,
“标题”:“国家”,
“urlTarget”:“空白”,
“听众”:[{
“事件”:“点击项目”,
“方法”:函数(事件){
window.open(event.serialDataItem.dataContext.url,“u blank”);
}
}]
},
“出口”:{
“已启用”:真
}
});
var chart1=AmCharts.makeChart(“chart1div”{
“类型”:“串行”,
“主题”:“光”,
“addClassNames”:true,
“marginRight”:70,
“panEventsEnabled”:false,
“头衔”:[{
“文本”:“单击国家以查看访客详细信息”
}],
“数据提供者”:[{
“国家”:“美国”,
“访问”:3025,
“hiddenvalue”:3025,//以确保较小条的标签完全可点击
“颜色”:“FF0F00”,
“url”:”https://codepen.io/"
}, {
“国家”:“中国”,
“访问”:1882年,
“hiddenvalue”:3025,
“颜色”:“FF6600”,
“url”:”https://codepen.io/"
}, {
“国家”:“日本”,
“访问”:1809年,
“hiddenvalue”:3025,
“颜色”:“FF9E01”,
“url”:”https://codepen.io/"
}, {
“国家”:“德国”,
“访问”:1322次,
“hiddenvalue”:3025,
“颜色”:“FCD202”,
“url”:”https://codepen.io/"
}, {
“国家”:“英国”,
“访问”:1122次,
“hiddenvalue”:3025,
“颜色”:“F8FF01”,
“url”
<div id="chartdiv" class="chartdiv"></div>
<h2>Second Chart</h2>
<div id="chart1div" class="chartdiv"></div>