开发一个Flask与Plotly结合的应用（三）
发布时间
阅读量：
阅读量
若希望实现交互式、多图表集成展示的效果，dash框架是一个较为理想的选择。然而本次并未采用dash，而是选择了plotly的js库进行开发。不过对于js技术的掌握尚不熟练，因此在使用过程中也是边学习边尝试。
核心思路是通过网页端的js实现数据可视化功能，从搜索引擎获取相关代码，并对mysql数据库中的数据进行处理后，利用jinja模板将其传递至前端js进行渲染。
网页中添加js可视化部分
在main.html文件的body部分末尾插入js代码段，具体使用方式可参考此处https://plot.ly/javascript/candlestick-charts/：
<script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
<script>
<!--数据传输-->
var data = eval('{{data|safe}}');
var stock_name = '{{stock_name|safe}}';
var trace = {
x: data[0],
close: data[1],
high: data[2],
low: data[3],全部评论 (0)
还没有任何评论哟~