话不多说先上代码:
html:
xAxis: {
categories:{{categories}}
},
yAxis: {
title: {
text: 'Y轴'
},
这里是将一个list作为一个坐标系的x轴,里面包含的是日期:
正确显示应该为
但是这样直接渲染过来,产生了一个报错,导致图表加载不出来
点开一看,这个list被渲染到前端的时候变成了这样,如下:
这里的应该是'
却被转译成了'
,由此导致报错,查阅资料后,发现是js转译的问题
' ----单引号
$#39; ----单引号(兼容IE)
" -----双引号
费了好大功夫才解决:修改后的代码如下:
xAxis: {
{% autoescape None %}
categories:{{categories}}
},
yAxis: {
title: {
text: 'CPU使用'
},
这样就行了。
晚上下班想写个博客,复现问题,把加上的代码块删掉,结果还能正确加载。。。。。
所以说我被戏耍了。。。不写了收拾东西下班