man*_*yst 2 javascript json google-visualization
我正在使用Google Charts API绘制饼图。饼图是通过对我设置的API的ajax调用动态生成的,并且可以正常工作,但是当我开始添加更多数据时,饼图突然从显示每个细分变为显示具有一个值的图表-其他。
这是从服务器返回的json
{
"cols" : [{
"id" : "",
"label" : "Team",
"type" : "string"
}, {
"id" : "",
"label" : "Steps",
"type" : "number"
}
],
"rows" : [{
"c" : [{
"v" : "Draper",
"f" : null
}, {
"v" : "626528",
"f" : null
}
]
}, {
"c" : [{
"v" : "Sterling",
"f" : null
}, {
"v" : "539165",
"f" : null
}
]
}, {
"c" : [{
"v" : "Pryce",
"f" : null
}, {
"v" : "557399",
"f" : null
}
]
}, {
"c" : [{
"v" : "London",
"f" : null
}, {
"v" : "807470",
"f" : null
}
]
}, {
"c" : [{
"v" : "Lynx Local",
"f" : null
}, {
"v" : "428814",
"f" : null
}
]
}, {
"c" : [{
"v" : "Havas Health Software",
"f" : null
}, {
"v" : "375235",
"f" : null
}
]
}
]
}
Run Code Online (Sandbox Code Playgroud)
这是我的JavaScript加载图表
var jsonData = $.ajax({
url: "/ChartData/OverallSteps",
async: false
}).responseText;
var pieData = new google.visualization.DataTable(jsonData);
var pieOptions = {
width: 600, height: 320, 'legend': { position: 'right',alignment:'center' },is3D: true,sliceVisibilityThreshold: 1/10000, chartArea: {left:0,top:0}
};
var pieChart = new google.visualization.PieChart(document.getElementById('teamPieChart'));
pieChart.draw(pieData, pieOptions);
Run Code Online (Sandbox Code Playgroud)
如您所见,我已经尝试为此Google Pie Chart设置sliceVisibilityThreshold 而不显示所有数据行,但这似乎也不是问题。只有6个系列,所以应该没问题。谁能看到发生了什么事?
问题是您要输入数字作为字符串,这是无效的:
"v" : "626528"
Run Code Online (Sandbox Code Playgroud)
应该:
"v" : 626528
Run Code Online (Sandbox Code Playgroud)
归档时间: |
|
查看次数: |
1145 次 |
最近记录: |