Javascript Google Charts bar/column chart getColumnRange()来自DataView的意外值
我试图在getColumnRange()的帮助下获取Dataview的最小值和最大值。不幸的是,我得到的价值并不是我所期望的。有人能告诉我如何得到正确的值吗?我期望的最大值是331M(条形图上的最高条),但我得到了8,5M。我试图通过console.log()更好地理解DataView对象,但这对我没有多大帮助(第65-71行)Javascript Google Charts bar/column chart getColumnRange()来自DataView的意外值,javascript,google-visualization,googlevis,Javascript,Google Visualization,Googlevis,我试图在getColumnRange()的帮助下获取Dataview的最小值和最大值。不幸的是,我得到的价值并不是我所期望的。有人能告诉我如何得到正确的值吗?我期望的最大值是331M(条形图上的最高条),但我得到了8,5M。我试图通过console.log()更好地理解DataView对象,但这对我没有多大帮助(第65-71行) var data=new google.visualization.DataTable({ 科尔斯:[ {id:,“标签”:“产品”,“图案”:“类型”:“字符串”}
var data=new google.visualization.DataTable({
科尔斯:[
{id:,“标签”:“产品”,“图案”:“类型”:“字符串”},
{id:,“标签”:“马尼拉”,“图案”:“类型”:“编号”},
{id:,“标签”:“曼谷”,“图案”:“类型”:“编号”},
{id:,“标签”:“纽约”,“图案”:“类型”:“编号”},
{id:,“label”:“Sydney”,“pattern”:“type”:“number”}],
行:[
{c:[{v:“玻璃”},{v:-1270.7287},{v:-4486.0961},{v:-1019.4662},{v:3763827.8335}],
{c:[{v:“操纵杆”}、{v:145543.985}、{v:2108039.5802}、{v:266392.5277}、{v:6006566.18690001}],
{c:[{v:“笔记本电脑”}、{v:1723781.2686}、{v:4435404.56789999}、{v:7060065.3164}、{v:17514581.1763}],
{c:[{v:PS4},{v:7800243.0557997},{v:47591320.6768999},{v:43832560.9528002},{v:161580254.021496}],
{c:[{v:XBOX One},{v:10507117.0145001},{v:8059953.41120002},{v:14103816.4604002},{v:34676509.4036004}],
{c:[{v:“智能手机”},{v:2373067.7893},{v:-53954.2187},{v:30783391.8722},{v:37288122.5537999}],
{c:[{v:“主席”}、{v:86583.2876}、{v:71082.0195}、{v:79813.2918}、{v:22959813.049999}],
{c:[{v:“CPU”}、{v:12479599.4709999}、{v:22650137.9890997}、{v:17562381.7794999}、{v:25589299.8099997}],
{c:[{v:RAM},{v:null},{v:-59.1},{v:282.7517},{v:1461239.6186}]},
{c:[{v:“表”},{v:-566.5377},{v:-217.3444},{v:-865.114},{v:356870.88659999}]},
{c:[{v:“水”},{v:870883.521900001},{v:1128581.9856},{v:1177332.008},{v:3922057.5024001}]
});
var formatter=new google.visualization.NumberFormat({
图案:“短”
});
对于(var i=1;i
之所以得到“8.5M”
而不是“331M”
是因为列类型='string'
按字母顺序,“8.5M”
大于“331M”
要更正此问题,请使用列类型“number”
构建数据视图注释列时,
并返回一个包含值(
v:
)和格式化值(f:
)的对象
viewColumns.push({
计算:函数(dt,行){
对于(var e=0;e 返回{//非常感谢,你帮了我很大的忙!
var data = new google.visualization.DataTable({
cols: [
{id:"","label":"Products","pattern":"","type":"string"},
{id:"","label":"Manila","pattern":"","type":"number"},
{id:"","label":"Bangkok","pattern":"","type":"number"},
{id:"","label":"New York","pattern":"","type":"number"},
{id:"","label":"Sydney","pattern":"","type":"number"}],
rows:[
{c:[{v:"Glasses"},{v:-1270.7287},{v:-4486.0961},{v:-1019.4662},{v:3763827.8335}]},
{c:[{v:"Joysticks"},{v:145543.985},{v:2108039.5802},{v:266392.5277},{v:6006566.18690001}]},
{c:[{v:"Laptops"},{v:1723781.2686},{v:4435404.56789999},{v:7060065.3164},{v:17514581.1763}]},
{c:[{v:"PS4"},{v:78002243.0557997},{v:47591320.6768999},{v:43832560.9528002},{v:161580254.021496}]},
{c:[{v:"XBOX One"},{v:10507117.0145001},{v:8059953.41120002},{v:14103816.4604002},{v:34676509.4036004}]},
{c:[{v:"Smartphones"},{v:2373067.7893},{v:-53954.2187},{v:30783391.8722},{v:37288122.5537999}]},
{c:[{v:"Chairs"},{v:86583.2876},{v:71082.0195},{v:79813.2918},{v:22959813.0499999}]},
{c:[{v:"CPU"},{v:12479599.4709999},{v:22650137.9890997},{v:17562381.7794999},{v:25589299.8099997}]},
{c:[{v:"RAM"},{v:null},{v:-59.1},{v:282.7517},{v:1461239.6186}]},
{c:[{v:"Table"},{v:-566.5377},{v:-217.3444},{v:-865.114},{v:356870.886599999}]},
{c:[{v:"Water"},{v:870883.521900001},{v:1128581.9856},{v:1177332.008},{v:3922057.50240001}]}]
});
var formatter = new google.visualization.NumberFormat({
pattern: 'short'
});
for (var i = 1; i < data.getNumberOfColumns(); i++) {
formatter.format(data, i);
}
var view = getDataView(data);
function getDataView(dataTable) {
var dataView;
var viewColumns = [];
for (var i = 0; i < dataTable.getNumberOfColumns(); i++) {
addViewColumn(i);
}
function addViewColumn(index) {
viewColumns.push(index);
if(index == (dataTable.getNumberOfColumns() - 1)) {
viewColumns.push({
calc: function (dt, row) {
for(var e = 0; e < dt.getNumberOfRows(); e++) {
var value = 0;
for(var u = 1; u < dt.getNumberOfColumns(); u++) {
value += dt.getValue(row, u);
}
return formatter.formatValue(value).toString();
}
},
type: 'string',
role: 'annotation',
});
}
}
dataView = new google.visualization.DataView(dataTable);
dataView.setColumns(viewColumns);
for(var z = 0; z < dataView.getNumberOfColumns(); z++) {
console.log(JSON.stringify(dataView.getColumnRange(z)));
}
console.log(JSON.stringify(dataView.getViewColumns()));
console.log(JSON.stringify(viewColumns));
return dataView;
}
viewColumns.push({
calc: function (dt, row) {
for(var e = 0; e < dt.getNumberOfRows(); e++) {
var value = 0;
for(var u = 1; u < dt.getNumberOfColumns(); u++) {
value += dt.getValue(row, u);
}
return { // <-- return object here
v: value,
f: formatter.formatValue(value)
};
}
},
type: 'number', // <-- change to number
role: 'annotation',
});