Amcharts -折线图不能正确显示
Amcharts - Line Chart not getting displayed properly
我已经有一段时间没有尝试这段amcharts代码了。它工作得很好,直到一个星期前,但我对我的旧代码做了一些改变,事情并没有像预期的那样工作。这是我正在尝试的密码。从这段代码生成的图表搞砸了。
var chartData1 = generateChartData();
for ( var i = 0; i < chartData1.length; i++) {
alert(chartData1[i].visits + " --- " + chartData1[i].date);
}
var chart = AmCharts.makeChart("chartdiv", {
"type": "serial",
"theme": "none",
"pathToImages": "http://www.amcharts.com/lib/3/images/",
"dataProvider": chartData1,
"valueAxes": [{
"axisAlpha": 0.2,
"dashLength": 1,
"position": "left"
}],
"graphs": [{
"id":"g1",
"balloonText": "[[category]]<br /><b><span style='font-size:14px;'>value: [[value]]</span></b>",
"bullet": "round",
"bulletBorderAlpha": 1,
"bulletColor":"#FFFFFF",
"hideBulletsCount": 50,
"title": "red line",
"valueField": "visits",
"useLineColorForBulletBorder":true
}],
"chartScrollbar": {
"autoGridCount": true,
"graph": "g1",
"scrollbarHeight": 40
},
"chartCursor": {
"cursorPosition": "mouse"
},
"categoryField": "date",
"categoryAxis": {
"parseDates": true,
"axisColor": "#DADADA",
"dashLength": 1,
"minorGridEnabled": true,
"minPeriod": "ss"
},
"exportConfig":{
menuRight: '20px',
menuBottom: '30px',
menuItems: [{
icon: 'http://www.amcharts.com/lib/3/images/export.png',
format: 'png'
}]
}
});
chart.addListener("rendered", zoomChart);
zoomChart();
// this method is called when chart is first inited as we listen for "dataUpdated" event
function zoomChart() {
// different zoom methods can be used - zoomToIndexes, zoomToDates, zoomToCategoryValues
chart.zoomToIndexes(chartData.length - 40, chartData.length - 1);
}
// generate some random data, quite different range
function generateChartData() {
var chartData1 = [];
var chartData =
[{"visits":"145","date":"1394139116"},{"visits":"195","date":"1394138636"},{"visits":"103","date":"1394137411"},{"visits":"147","date":"1394138156"},{"visits":"146","date":"1394139113"}];
for ( var i = 0; i < chartData.length; i++) {
var utcSeconds = chartData[i].date;
var d = new Date(0); // The 0 there is the key, which sets the date to the epoch
d.setUTCSeconds(utcSeconds);
var login = parseInt(chartData[i].visits);
chartData1.push({
date : d,
visits : login
});
}
return chartData1;
}
我看到我正在传递一个值作为整数类型和日期时间在日期数据类型。但我不确定我哪里错了。你能帮我解决这个问题吗?如果我遗漏了什么,请告诉我。
这是jsFiddle链接。
事先非常感谢您的帮助
我的时间不是按升序排序的,而是随机的时间顺序,这就是我的问题的原因。现在我的问题解决了。
相关文章:
- 为什么数据不能't显示在查看页中
- 为什么竞争不能在离子中显示(隐藏在标题下方)(离子竞争不能正常工作)
- 打字稿显示不能设置未定义的属性,如何解决
- 为什么WebBrowser控件在保存后不能正确显示HTML
- 我应该在Google Api javascript中进行什么更改,以便它只能显示印度城市,而不能落后于州和印度
- 日期不能显示在高图表上
- 不能在复选框旁边显示元素
- 只显示潜水时悬停按钮X时间-可以'我不能使它正常工作
- 为什么我的画布不能使用 Fabric.js 显示任何内容
- 谷歌图表和谷歌表格不能同时显示
- jQuery不能基于选择选项显示/隐藏元素
- Ajax 构建关系按钮有效,用于显示引导模式的第二个按钮有效,但两者不能协同工作
- angularjs:不能显示 JS 'typeof' 的返回值
- 为什么我不能点击我的函数来显示和隐藏
- Extjs 窗口在 IE 中不能很好地显示元素
- 为什么我'在关闭第一模态对话框之后,m不能显示第二模态对话框
- ng隐藏&ng显示不能仅在特定的AngularJS页面中工作
- JavaScript块显示不能与Firefox中的两个函数一起工作
- 鼠标悬停时,周突出显示不能正常工作
- 幻灯片显示不能正常工作