使用Flask & Plotly 做股票k线图交互式可视化处理（三）

要想做到可交互、多图集成显示，dash是一个不错的选择，但是我这回不用dash，我这回用plotly的js，不过我么有js不是很溜，也是慢慢摸索。。

主要策略就是，在网页通过js做可视化，search获得代码，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],
        open: data[4],

        // cutomise colors
        increasing: {
    line: {
    color: 'red'}},
        decreasing: {
    line: {
    color: 'green'}},

        type: 'candlestick',
        xaxis: 'x'