Morris图表无法处理动态数据,即使在以Json格式发送数据之后也是如此
Morris charts are not working with dynamic data, even after sending data in Json format
我在我的网站上使用Morris图,但当我以JSON格式动态发送数据时,它就不起作用了。但同时,如果我手动推送数据,它就会开始工作。请提出一些建议。
这是代码
function generateUserGraph() {
// some logic and below object is return
var toreturn = "{ Y: '10000001', A: '-1' }, { Y: '10000045', A: '1' }";
return toreturn;
}
Morris.Bar({
element: 'NLcurrentProgressBar',
resize: true,
data: [generateUserGraph()],
barColors: function (row, series, type) {
if (row.y == 0) {
return ['#6D5858'];
}
else if (row.y < 0) {
return ['#E71717'];
}
else {
return ['#00a65a'];
}
},
xkey: ['Y'],
ykeys: ['A'],
labels: ['<a href="www.google.com">Question</a>'],
hideHover: 'auto'
});
<div id = "NLcurrentProgressBar"></div>
请对以上代码提出建议。如果我直接传递上面的字符串,那么它可以工作,但当我使用函数传递它时,没有结果呈现
like : below code is working :
data: [{ Y: '10000001', A: '-1' }, { Y: '10000045', A: '1' }],
but this is not working :
data: [generateUserGraph()]
必须提供对象数组,但函数返回字符串!
function generateUserGraph() {
// some logic and below object is return
var toreturn = [{ Y: '10000001', A: '-1' }, { Y: '10000045', A: '1' }];
return toreturn;
}
Morris.Bar({
element: 'NLcurrentProgressBar',
resize: true,
data: generateUserGraph(),
barColors: function (row, series, type) {
if (row.y == 0) {
return ['#6D5858'];
}
else if (row.y < 0) {
return ['#E71717'];
}
else {
return ['#00a65a'];
}
},
xkey: ['Y'],
ykeys: ['A'],
labels: ['<a href="www.google.com">Question</a>'],
hideHover: 'auto'
});
我发送的字符串不是对象,而是为了解决这个问题。我们需要以对象格式推送数据。
工作链接
相关文章:
- 如何通过数据分组将json数据转换为嵌套的json数据格式
- 如何将正确的数据格式从SQL传递到PHP
- 将JSON数据格式化为excel文件
- 具有任意多条线的D3折线图(以及特定的数据格式)
- HTML5 中的不同数据格式
- jquery DataTable 数据格式和警告 - 添加的数据与已知列数不匹配
- D3 十年时间刻度刻度,数据格式为年
- jqplot:barchart的图例数据格式
- D3,绘图到地图,可能的数据格式
- AJAX Post网络上的数据格式
- ngTagsInput:保留原始数据提供者的数据格式
- Javascript:数据格式,类似于Spring Property Editors
- 将数据格式从单个对象转换为键值对的对象数组
- 散景中多行的数据格式
- 如何使用javascript将数据格式“YYYY-mm-dd hh:mm:ss”转换为“dd-mm-YYYY hh:mm
- D3 堆栈区域数据格式问题
- IE 中的数据格式 JavaScript 库
- 在 JavaScript 中将数据格式从 yyyy/mm/dd - HH:MM:SS 更改为 mm/dd/yyyy -
- 主干提取url数据格式错误
- 如何使用数据格式中的ng repeat来使用顺序和组