Question

我有以下字典：

{'x_vals': ['08/01/2018', '08/01/2018', '08/01/2018', '08/01/2018'], 
'y_vals': [94, 90, 94, 98]}

我想将其绘制为折线图。

我正在用Javascript和Django模板绘制Chart.js图，像这样：

<script type="text/javascript">
                $( document ).ready(function() {
                    var config = {
                      type: 'line',
                      data: {
                        labels: [1,1, 1, 1],
                        datasets: [{
                          label: "My First dataset",
                          data: {{value.y_vals}},
                          fill: false
                        }]

这画得很好。但是，如果我将labels选项更改为{{value.x_vals}}：

labels: {{value.x_vals}}

该图永远不会绘制。我对为什么感到困惑：我尝试了本机Python日期对象，尝试将它们（列表中的每个值）转换为字符串，以及几乎所有其他方式，但是都没有绘制。

注意：我已经调试并确保{{value.x_vals}}存在，并且与{{value.y_vals}}的长度相同，当在<p>标签中进行渲染时，它可以完美显示。

>

感谢您的帮助。

更新：取得了一些进展，检查控制台日志时出现许多错误，看起来像这样：

data: {
                        labels: [&#39;01&#39;, &#39;01&#39;, &#39;01&#39;, &#39;01&#39;],
                        datasets: [{
                          label: "My First dataset",
                          data: [94, 90, 94, 98],
                          fill: false
                        }]

因此，有些东西弄乱了标签从Python传递到Javascript的方式。我该如何处理？

Chart.js：像日期一样的字符串使绘图画布无法实现？

0 个答案: