javascript - 在数据表单元格内插入细长条形图
问题描述
晚安朋友。出于某种原因,我可以将一个小图插入数据表单元格,我会发疯的。下面我展示代码:
$(document).ready(function() {
var table = $('#example').DataTable( {
"ajax": {
"url": "http://llx/query?db=telegraf&q=SELECT
LAST(cpu_used) AS cpu, LAST(mem_used) AS mem, LAST(load) AS load,
LAST(disk_await) AS disk_await FROM custom where time >= '2019-01-
01' GROUP BY hostname ORDER BY time",
"type": "GET",
"dataType": "json",
"cache": false,
"contentType": "application/json; charset=utf-8",
"dataSrc": "results.0.series[]"
},
deferRender: true,
columns: [
{ data: 'tags.hostname' },
{ data: 'values.0.0',
{data: 'values.0.1'},
{data: 'values.0.2'},
{data: 'values.0.3'},
{data: 'values.0.4'},
{'render': function(data, type, row meta) {
var sequence = "<span
class='bar'>2,5,3,6,2,1</span>"
return sequence
}
}
],
rowId: 'extn',
select: true,
dom: 'Bfrtip',
buttons: [
{
text: 'Actualizar tabla',
action: function () {
table.ajax.reload();
}
}
]
} );
} );
$(function() {
$('span.bar').peity('bar')
})
出于某种原因,它只显示数据而不显示图表。
我用这个例子来指导我:
http://jsfiddle.net/Iarwain/zvhvpLum/?utm_source=website&utm_medium=embed&utm_campaign=zvhvpLum
解决方案
你错过了数据表的一个重要部分...... - “渲染”
{var sequence = "<span class='bar'>2,5,3,6,2,1</span>"
return sequence
}
}
应该
"render": function(data, type, row, meta){
{var sequence = "<span class='bar'>2,5,3,6,2,1</span>"
return sequence
}
}
}
推荐阅读
- java - 通过 Spring rest api 将另一个对象内的对象发布到 mongoDB
- c - How to make a correct login function with GTK?
- regex - 如果使用具有扩展语法的 sed 和正则表达式作为特定模式的一部分,则用新行替换空格
- android - 如何在 ondataChange 方法之外使用值?: 安卓工作室
- java - 从其他端点加载内容时如何加速我的应用程序?
- cryptography - 什么是消息验证码的 DMAC?
- laravel - Laravel:Auth Midleware 返回 401(未经授权)
- java - [Spring Security]配置安全性以通过 .sql 文件接受和使用手动添加的用户
- java - Java 日志记录 - MDC.put 延迟?
- discord.py - 如果用户具有此角色,则显示该消息。怎么做?不和谐.py