我正在尝试使用动态 JSON 渲染 jqplot 小部件,但我找不到如何执行此操作。
我看到的唯一示例包括从文件读取 JSON,但我想使用 JSON 作为字符串:
{"oranges":"10","apples":"20","bananas":"6"}
有什么想法吗?
最佳答案
您问题中的数据不是字符串,而是 JavaScript 对象文字。
如果您有橙子、苹果和香蕉,您可能会想要绘制条形图;您需要从对象中提取标签和值,然后绘制图表:
var chart_data = {"oranges":"10", "apples":"20", "bananas":"6"};
var line1 = [];
for (var prop_name in chart_data) {
line1.push([prop_name, chart_data[prop_name]])
}
// line1 should be [["oranges", 10], ["apples", 20], ["bananas", 6]]
// code snippet from http://www.jqplot.com/tests/rotated-tick-labels.php
// please change it as you need
var plot1 = $.jqplot('chart1', [line1], {
title: 'Fruits',
series: [{renderer:$.jqplot.BarRenderer}],
axesDefaults: {
tickRenderer: $.jqplot.CanvasAxisTickRenderer
},
axes: {
xaxis: {
renderer: $.jqplot.CategoryAxisRenderer
}
}
});
关于jquery - 如何在jqplot中渲染json数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13816574/