Django接口平台开发问题记录(八)(echarts如何将option中的data改为后台传的变量相关问题)

Django接口平台开发问题记录（八）

场景：首页准备做个表格实现数据可视化，使用echarts需要将data中的值换成后台传入的列表值，传入后表格异常展示：

思路：使用alert打印后台传过来的列表，显示如下：

但就是展示错误，试了下打印数据类型，果然传过来的list类型为string，在js中新建了一个list，看了下类型为object，需要将string类型转换成object类型：

    var js_data_str = document.getElementById('pj_name').innerText;  // 获取隐藏div下的内容
    var js_data_ob = eval(js_data_str);     // 将string类型转换成object类型才能被识别

如果直接将后台传递的list拿到js中用的话会出现如下图情况：

为了避免出现像&#39；这种乱码，百度了一下需要将数据存到div中，再获取就不会出现了

 var js_data_str = document.getElementById('pj_name').innerText;

通过上面转换类型的操作，终于将后台传入的list赋给了option下的data，只更改了x轴，后续需要将数据全部替换，先看下效果：

上图的表格模版使用的是网上找的模版，点击链接跳转，后续将数据全部更换为后台数据，项目也算是实现了数据可视化