Fatal编程技术网
  • javascript/
  • Javascript HTML/Chart JS从Python中反序列化JSON

Javascript HTML/Chart JS从Python中反序列化JSON

javascript python html json chart.js

Javascript HTML/Chart JS从Python中反序列化JSON,javascript,python,html,json,chart.js,Javascript,Python,Html,Json,Chart.js,我试图将一个对象返回到ChartJS应用程序。数据最初来自pandas中的数据帧 这就是生成的原始对象 {'datasets': [{'label': 'Door_08', 'data': [{'x': Timestamp('2018-10-23 00:22:43'), 'description': 'Stats: PSN:17019 PNR:0 PER:0 BFL:0 MID:17365 UER:0 WSC:1 NCL:0 NIN:0 NWI:0 WCC:1 CCC:1 LRS:-65 RLC

我试图将一个对象返回到ChartJS应用程序。数据最初来自pandas中的数据帧

这就是生成的原始对象

{'datasets': [{'label': 'Door_08', 'data': [{'x': Timestamp('2018-10-23 00:22:43'), 'description': 'Stats: PSN:17019 PNR:0 PER:0 BFL:0 MID:17365 UER:0 WSC:1 NCL:0 NIN:0 NWI:0 WCC:1 CCC:1 LRS:-65 RLC:1145256517', 'y': 1}, ...
但是，时间戳有一些问题。因此，我通过将对象转换为JSON来处理它，从

现在看来：

{"datasets": [{"label": "Door_08", "data": [{"x": "2018-10-23 00:22:43", "description": "Stats: PSN:17019 PNR:0 PER:0 BFL:0 MID:17365 UER:0 WSC:1 NCL:0 NIN:0 NWI:0 WCC:1 CCC:1 LRS:-65 RLC:1145256517", "y": 1}, ...
然而，我仍然无法看到我的图表。查看页面：

var ctx = document.getElementById("myChart").getContext('2d');
var myChart = new Chart(ctx, {
    type: 'line',
    data: "{"datasets": [{"label": "Door_08", "data": [{"x": "2018-10-23 00:22:43", "description": "Stats: PSN:17019 PNR:0 PER:0 BFL:0 MID:17365 UER:0 WSC:1 NCL:0 NIN:0 NWI:0 WCC:1 CCC:1 LRS:-65 RLC:1145256517", "y": 1},
所以我猜它没有被正确解码

这就是我获取对象的方式：

var ctx = document.getElementById("myChart").getContext('2d');
var myChart = new Chart(ctx, {
    type: 'line',
    data: "{{ object_returned }}",
我的字符集：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <title>{{ title }}</title>
  <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" rel="stylesheet">
  <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.2/Chart.bundle.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.13.0/moment.min.js"></script>
</head>
如何正确地反序列化对象？

对返回的
对象应用tojson过滤器：


var myChart = new Chart(ctx, {
    type: 'line',
    data: "{{ object_returned|tojson|safe }}",
    ...



python返回的数据是类类型“dict”，而不是json

通过以下方式使其成为HTML/Java中的json：


var myVariable = {{ object_returned | tojson }};


引号已被删除，因为它使其成为字符串

最后：


var ctx = document.getElementById("myChart").getContext('2d');
var myChart = new Chart(ctx, {
    type: 'line',
    data: myVariable,



还没有成功。检查中返回的数据是：
data:“{”datasets\”：[{”label\“：“Door\u 08\”，“data\”：[{x\”：“2018-10-23 00:22:43\”，“description\”：“Stats:PSN:17019 PNR:0 PER:0 BFL:0 MID:17365 UER:0 WSC:1 NCL:0 NIN:0 NWI:0 WCC:1 CCC:1 LRS:-65 RLC:1146517\，“y\”，
现在它成功了！我返回了
类'dict'
而不是
json
。我还删除了
上的引号“{object_returned | tojson | safe}”
，因为它将数据作为字符串。谢谢！

var ctx = document.getElementById("myChart").getContext('2d');
var myChart = new Chart(ctx, {
    type: 'line',
    data: myVariable,