Javascript 如何格式化Google图表数据以显示项目数,但可以按年份过滤

Javascript 如何格式化Google图表数据以显示项目数,但可以按年份过滤,javascript,json,charts,google-visualization,Javascript,Json,Charts,Google Visualization,希望这适用于stackexchange。如果没有,我道歉 无论如何,我有一组数据,基本上是一个项目列表,每个项目的相关人员,以及项目开始的年份。我想做的是呈现一个条形图,显示每个人的项目总数,但以某种方式维护单个项目开始的年份,以便我可以创建一个滑块过滤器 把它写出来听起来很混乱。数据如下所示: [ ['Project','PM','Year'], ['PRJ0001','John Doe','2012'], ['PRJ0002','John Doe','2012'],

希望这适用于stackexchange。如果没有,我道歉

无论如何,我有一组数据,基本上是一个项目列表,每个项目的相关人员,以及项目开始的年份。我想做的是呈现一个条形图,显示每个人的项目总数,但以某种方式维护单个项目开始的年份,以便我可以创建一个滑块过滤器

把它写出来听起来很混乱。数据如下所示:

[
    ['Project','PM','Year'],
    ['PRJ0001','John Doe','2012'],
    ['PRJ0002','John Doe','2012'],
    ['PRJ0003','Jackie Johnson','2013'],
    Etc, etc,
]

我可以通过项目经理的名字来创建一个计数,但是我“丢失”了一年,作为我可以筛选的指标。有人有什么想法吗?

分别绘制每个控件

使用
data.group
获取每个人的计数并绘制图表

使用原始数据绘制滑块(需要更改
NumberRangeFilter
的列类型)

在滑块上重新绘制图表
'statechange'

使用滑块低/高值使用
getFilteredRows

请参阅以下工作片段

google.charts.load('current'{
回调:函数(){
var data=google.visualization.arrayToDataTable([
['Project'、'PM'、'Year'],
['PRJ0001','John Doe',2012],
['PRJ0002','John Doe',2012],
['PRJ0003','John Doe',2012],
['PRJ0004','John Doe',2013],
['PRJ0005','Jackie Johnson',2012],
['PRJ0006','Jackie Johnson',2013],
['PRJ0007','Jackie Johnson',2014]
]);
变量选项={
身高:400,
哈克斯:{
视图窗口:{
分:0,,
最多:5
}
}
};
图纸(数据);
var slider=new google.visualization.ControlWrapper({
controlType:'NumberArrangeFilter',
containerId:“过滤器分区”,
数据表:数据,
选项:{
filterColumnIndex:2,
用户界面:{
格式:{模式:“0'}
}
}
});
google.visualization.events.addListener(滑块,'statechange',函数(){
var range=slider.getState();
var view=newgoogle.visualization.DataView(数据);
view.setRows(data.getFilteredRows([{
专栏:2,
minValue:range.lowValue,
maxValue:range.highValue
}]));
绘图(视图);
});
slider.draw();
功能图(数据表){
var dataGroup=google.visualization.data.group(
数据表,
[1],
[{列:1,聚合:google.visualization.data.count,键入:'number',标签:'count'}]
);
var chart=new google.visualization.BarChart(document.getElementById('chart_div'));
图表绘制(数据组、选项);
}
},
包:['controls','corechart']
});


请在您的帖子中添加您使用的代码a)计算它们(丢失其他数据)并在图表中显示,b)创建一个以某种方式(如何?)使用数据的图表。听起来问题更多的是关于正确的代码编写,而不是数据格式,这是一个错误的假设。这不是关于正确的代码编写,而是关于数据需要如何格式化,正如下面@WhiteHat所提到的。我可以发布我的代码,但这无助于回答这个问题。当然。我刚刚偶然发现了分组的东西,并打算尝试一下。谢谢