Highcharts图表只显示序列中最后一个元素
highcharts chart showing only last element in series
我通过引用json数据在highcharts中绘制多个系列。json数据配置如下:
{"data": {"words with friends": [[1365034819.212261, 107], [1366071619.212278, 224]], "snacksss": [[1364775619.212285, 786], [1366849219.212291, 445]], "ticktackloot": [[1365207619.212297, 85], [1367799619.212303, 803]], "bike race": [[1364343619.212309, 293], [1367886019.212315, 572]]}}
,其中每个字典中的第一个也是唯一一个元素是list的list。每个列表的列表包含一个带有时间戳和任意值的列表。每个字典的键代表一个序列。问题是这个级数只绘制了每个列表的列表中的最后一个列表。时间戳在x轴上,任意值在y轴上。我最终得到的y点分别是224、445、803和572。我希望他们都来。代码如下:
var chart; // global
function requestData()
{
$.ajax(
{
url: 'test.json',
success: function(response)
{
// SINCE response IS TURNED INTO AN OBJECT LITERAL
// ASSOCIATIVE ARRAY, WE CAN ACCESS data
for (var key in response.data)
{
//extract every timestamp and multiply it by 1000
//because JS processes timestamps in microseconds.
//Reinsert in array
for(var counter=0;counter<response.data[key].length;counter++)
{
insert_array=[]
//insert_array.push([response.data[key][counter][0]*1000,response.data[key][counter][1]])
insert_array.push([response.data[key][counter][0]*1000,response.data[key][counter][1]])
if(counter==response.data[key].length-1)
{
var seriesData=insert_array;
var seriesName = key;
console.log(" processing " + seriesName + "=" + seriesData);
var series =
{
name: seriesName,
data: seriesData,
lineWidth: 15
};
chart.addSeries(series);
}
}
}
},
cache: false
});
}
$(document).ready(function()
{
console.log("preparing document...");
chart = new Highcharts.Chart(
{
chart:
{
renderTo: 'container1',
type: 'bar',
events:
{
load: requestData
}
},
title:
{
text: 'Top Offers'
},
xAxis:
{
type: 'datetime',
title:
{
text: 'Offers'
}
},
yAxis:
{
title:
{
text: 'Rewards'
}
},
series: []
});
});
尝试像这样改变cody inside循环:
//extract every timestamp and multiply it by 1000 because JS processes timestamps in microseconds. Reinsert in array
insert_array=[]
for(var counter=0;counter<response.data[key].length;counter++)
{
//insert_array.push([response.data[key][counter][0]*1000,response.data[key][counter][1]])
insert_array.push([response.data[key][counter][0]*1000,response.data[key][counter][1]])
...
这样,insert_array
变量将在每个列表中定义一次并正确填充;在实际代码中,变量在每次循环时都被清理,因此它只携带最后一个值。
相关文章:
- 表追加而不附加最后一个元素
- 如何查找流星集合中最后一个元素/对象的id
- 如何在使用Protractor测试时找到ng中继器的最后一个元素
- 在元素数组上循环只会影响最后一个元素
- 推特引导滚动间谍总是选择最后一个元素
- 选择页面上具有特定类的最后一个元素
- 检查 JQuery 每个函数中的最后一个元素
- 选择表中的最后一个元素
- forEach 仅执行数组的最后一个元素
- JavaScript,数组和函数 - 只有数组的最后一个元素有效
- jQuery - 选择具有相同 ID 的组的最后一个元素
- 第一个元素和最后一个元素之间的连续循环
- 在JavaScript数组中查找最后一个元素的计算效率最高的方法
- 将同一个元素追加到两个下拉列表中只会导致最后一个元素被追加
- 如何在jquery中读取Section中的最后一个元素
- 设置'字体大小'jQuery不处理所选Text的最后一个元素
- AJAX只将数组的最后一个元素传递给MVC 5控制器
- 移除嵌套数组的最后一个元素,并完成最后一个数组
- PHP:获取关联数组中最后一个元素
- jquery slideDown()遍历最后一个元素