基于echarts定制修改的k线图工具

s___j

已于 2022-02-15 11:13:29 修改

阅读量1.4k

点赞数 1

文章标签： python javascript flask echarts

于 2021-11-18 15:37:25 首次发布

本文链接：https://blog.csdn.net/s___j/article/details/121099004

版权

基于echarts定制修改的k线图工具

注：百度echarts拷贝下来的k线图框架，根据需求自己修改制作的k线图工具

前端代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>echarts测试</title>
    <script type="text/javascript" src="../static/echarts.js"></script>
    <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
</head>

<style>
    #main {
   
        margin: auto auto;
    }
</style>

<body>

<!-- 为 ECharts 准备一个定义了宽高的 DOM -->
<div id="main" style="width: 1200px;height:800px;"></div>
<script type="text/javascript">

    var chartDom = document.getElementById('main')
    var myChart = echarts.init(chartDom);

    const upColor = '#ec0000';
    const upBorderColor = '#8A0000';
    const downColor = '#00da3c';
    const downBorderColor = '#008F28';

    // Each item: open，close，lowest，highest
    var responseData;
    var tradeData;
    var d=[]

    //小数转百分比的函数
    function toPercent(point){
   
            if (point==0) {
   
                return 0;
            }
            var str=Number(point*100).toFixed(2);
            str+="%";
            return str;
        }
        
	//发送同步请求到后端拿数据
    $.ajax({
   
        url: '/api/deal_data',
        type: 'GET',
        async: false,          //同步
        success: function (data) {
   
            responseData = data['data_list']
        }
    });

    const data0 = splitData(
        //     [['2013/1/24',