Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/372.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
使用amcharts和获取javascript错误_Javascript_Amcharts - Fatal编程技术网

使用amcharts和获取javascript错误

使用amcharts和获取javascript错误,javascript,amcharts,Javascript,Amcharts,我正在使用amcharts作为个人使用的小应用程序。我得到了一个静态的本地拷贝,按照我想要的方式工作,但是当我做了一些更改使它成为动态的时候,我没有得到它 SCRIPT5007: Unable to get property 'time' of undefined or null reference 在serial.js第46行,位置364 守则: //序列图 chart=新的AmCharts.AmSerialChart(); chart.dataProvider=chartData; ch

我正在使用amcharts作为个人使用的小应用程序。我得到了一个静态的本地拷贝,按照我想要的方式工作,但是当我做了一些更改使它成为动态的时候,我没有得到它

SCRIPT5007: Unable to get property 'time' of undefined or null reference
在serial.js第46行,位置364

守则:

//序列图
chart=新的AmCharts.AmSerialChart();
chart.dataProvider=chartData;
chart.categoryField=“日期”;
chart.balloon.bulletSize=5;
//侦听“dataUpdated”事件(在图表初始化时激发),并在事件发生时调用zoomChart方法
chart.addListener(“数据更新”,zoomChart);
//斧头
//类别
var categoryAxis=chart.categoryAxis;
categoryAxis.parseDates=true;//因为我们的数据是基于日期的,所以我们将parseDates设置为true
categoryAxis.minPeriod=“DD”//我们的数据是每日的,所以我们将minPeriod设置为DD
categoryAxis.minorGridEnabled=true;
categoryAxis.axisColor=“#DADADA”;
categoryAxis.twoLineMode=true;
categoryAxis.dateFormats=[{
句号:“fff”,
格式:“JJ:NN:SS”
}, {
句号:“ss”,
格式:“JJ:NN:SS”
}, {
句号:“mm”,
格式:“JJ:NN”
}, {
句号:“hh”,
格式:“JJ:NN”
}, {
句号:'DD',
格式:“DD”
}, {
句号:“WW”,
格式:“DD”
}, {
句号:“MM”,
格式:“嗯”
}, {
期间:“YYYY”,
格式:“YYYY”
}];
//第一个值轴(在左侧)
var valueAxis=新的AmCharts.valueAxis();
valueAxis.axisColor=“#FF6600”;
valueAxis.axisThickness=2;
图表.添加valueAxis(valueAxis);
//图(你想做的每行一个,对我们来说是每用户一行)
var users=listUsers();
var bulletList=[“圆形”、“方形”、“三角形”、“三角形向下”、“三角形左”、“三角形右”、“气泡”、“菱形”];
var colorList=[“#00FF00”、“#FF0000”、“#0000FF”、“#FF00FF”、“#ff00”、“#00FFFF”、“#000000”];
var指数=0;
var指数=0;
for(用户中的var用户){
var-graph=新的AmCharts.AmGraph();
graph.valueAxis=valueAxis;//我们必须指出应该使用哪个值轴
graph.title=用户[用户];
graph.valueField=用户[用户];
graph.bullet=bulletList[bulletIndex++];
graph.hidebulletscont=30;
图1:厚度=1;
graph.lineColor=colorList[colorIndex++];
图表。添加图表(图形);
如果(bulletIndex>=bulletList.length){
指数=0;
}
if(colorIndex>=colorList.length){
颜色指数=0;
}
}
//光标
var chartCursor=new AmCharts.chartCursor();
chartCursor.cursorAlpha=0.1;
chartCursor.fullWidth=true;
chartCursor.ValueLineBalloodEnabled=true;
chart.addChartCursor(chartCursor);
//滚动条
var chartScrollbar=新的AmCharts.chartScrollbar();
chart.addChartScrollbar(chartScrollbar);
//传奇
var legend=new AmCharts.AmLegend();
legend.marginLeft=110;
legend.useGraphSettings=true;
图表。添加图例(图例);
//写

chart.write(“chartdiv”);
查看您的数据格式,它不是
数据提供程序的预期格式。
数据提供程序
是一个对象数组,正如您可以从中看到的那样。
数据提供程序是一个对象数组。您有一个对象,其中包含序列1和序列2中的两个对象数组,这两个数组不起作用。数据应该是这样的:

[{
  "date": <your string date, millisecond timestamp, or date object>,
  "Brian": <value>,
  "Lisa": <value>
}, 
// ... etc
]
[{
“日期”:,
“布莱恩”:,
“丽莎”:
}, 
//…等等
]

如果要在同一个图表中比较多个系列,那么您应该查看,这似乎更符合您正在尝试执行的操作。“series1”和“series2”数组可以表示为
数据集
对象

下面是一个将您的数据实现到股票图表中的方法,它利用您的大部分代码让您开始