zoukankan      html  css  js  c++  java
  • Echarts可视化数据

    最近在训练CNN模型时需要可视化训练过程的正确率,使用Echarts库来进行可视化,如下图所示:
    这里写图片描述

    代码下载地址为:
    https://github.com/yooongchun/Inception_based_CNN_model

    详细的项目过程可参考这篇文章:
    https://blog.csdn.net/zyc121561/article/details/82222417

    该库是百度开源的可视化库,使用Javascript来渲染,代码如下:

    <!DOCTYPE html>
    <html style="height: 100%">
    
    <head>
        <meta charset="utf-8">
    </head>
    
    <body style="height: 100%; margin: 0">
        <div id="container" style="height: 100%"></div>
        <script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/echarts.min.js"></script>
        <script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts-gl/echarts-gl.min.js"></script>
        <script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts-stat/ecStat.min.js"></script>
        <script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/extension/dataTool.min.js"></script>
        <script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/map/js/china.js"></script>
        <script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/map/js/world.js"></script>
        <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=ZUONbpqGBsYGXNIYHicvbAbM"></script>
        <script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/extension/bmap.min.js"></script>
        <script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/simplex.js"></script>
        <script type="text/javascript">
            var dom = document.getElementById("container");
            var myChart = echarts.init(dom, 'dark');
            var app = {};
            var data = [[0.3700000047683716, 0.47999998927116394, 0.550000011920929, 0.7599999904632568, 0.8799999952316284, 0.8600000143051147, 0.800000011920929, 0.8899999856948853, 0.8700000047683716, 0.8700000047683716, 0.9399999976158142, 0.7099999785423279, 0.8799999952316284, 0.9700000286102295, 0.9399999976158142, 0.9599999785423279, 0.8899999856948853, 0.9599999785423279, 0.9300000071525574, 0.9200000166893005, 0.9399999976158142, 0.949999988079071, 0.9599999785423279, 0.9399999976158142, 0.9800000190734863, 0.9399999976158142, 0.9800000190734863, 0.9700000286102295, 0.9700000286102295, 0.949999988079071, 0.8999999761581421, 0.9300000071525574, 0.9399999976158142, 0.9200000166893005, 0.9200000166893005, 0.9399999976158142, 0.949999988079071, 0.949999988079071, 0.9800000190734863, 0.9399999976158142, 0.9599999785423279, 0.949999988079071, 0.9700000286102295, 0.9700000286102295, 0.949999988079071, 0.9700000286102295, 0.9599999785423279, 0.9599999785423279, 0.9399999976158142, 0.949999988079071, 0.9599999785423279, 0.9200000166893005, 0.9300000071525574, 0.9100000262260437, 0.9599999785423279, 0.949999988079071, 0.9599999785423279, 0.8899999856948853, 0.9599999785423279, 0.9399999976158142, 0.9599999785423279, 0.949999988079071, 0.9399999976158142, 0.949999988079071, 0.9800000190734863, 0.9800000190734863, 0.9399999976158142, 0.949999988079071, 0.949999988079071, 0.9800000190734863, 0.9300000071525574, 0.9399999976158142, 0.9200000166893005, 0.9300000071525574, 0.949999988079071, 0.9599999785423279, 0.949999988079071, 0.9599999785423279, 0.9700000286102295, 0.9100000262260437, 0.9200000166893005, 0.949999988079071, 0.9200000166893005, 0.9399999976158142, 0.9599999785423279, 0.9399999976158142, 0.9399999976158142, 0.9599999785423279, 0.949999988079071, 0.949999988079071, 0.9300000071525574, 0.9100000262260437, 0.9200000166893005, 0.949999988079071, 0.9599999785423279, 0.9800000190734863, 0.9599999785423279, 0.9300000071525574, 0.9399999976158142, 0.949999988079071, 0.9900000095367432], [0.33000001311302185, 0.5799999833106995, 0.5899999737739563, 0.6000000238418579, 0.8700000047683716, 0.8500000238418579, 0.9300000071525574, 0.8700000047683716, 0.8999999761581421, 0.9200000166893005, 0.9399999976158142, 0.9700000286102295, 0.949999988079071, 0.9700000286102295, 0.9399999976158142, 0.9599999785423279, 0.9800000190734863, 0.9900000095367432, 0.9399999976158142, 0.949999988079071, 0.9800000190734863, 0.9100000262260437, 0.9599999785423279, 0.9900000095367432, 0.949999988079071, 0.8899999856948853, 0.9900000095367432, 0.9300000071525574, 0.949999988079071, 0.9900000095367432, 0.9200000166893005, 0.9700000286102295, 0.9800000190734863, 0.9700000286102295, 0.9800000190734863, 0.9800000190734863, 0.949999988079071, 0.9800000190734863, 0.9700000286102295, 0.9800000190734863, 0.9300000071525574, 0.949999988079071, 0.9800000190734863, 0.9700000286102295, 0.9700000286102295, 0.949999988079071, 0.9599999785423279, 0.949999988079071, 0.9700000286102295, 0.9800000190734863, 1.0, 0.9399999976158142, 0.9700000286102295, 0.9399999976158142, 0.9599999785423279, 0.9599999785423279, 0.9399999976158142, 0.9700000286102295, 0.9800000190734863, 0.9599999785423279, 0.9800000190734863, 0.9399999976158142, 0.9200000166893005, 0.949999988079071, 0.9599999785423279, 0.9599999785423279, 0.9200000166893005, 0.9700000286102295, 0.9800000190734863, 0.9700000286102295, 0.9800000190734863, 0.9800000190734863, 0.9599999785423279, 0.9800000190734863, 0.9800000190734863, 0.9599999785423279, 0.9900000095367432, 0.9800000190734863, 0.9599999785423279, 0.9399999976158142, 0.9800000190734863, 0.949999988079071, 0.9800000190734863, 0.9700000286102295, 0.9800000190734863, 0.9900000095367432, 0.9800000190734863, 0.9200000166893005, 0.949999988079071, 0.949999988079071, 0.9700000286102295, 1.0, 0.9700000286102295, 0.9800000190734863, 0.9800000190734863, 0.9599999785423279, 0.9700000286102295, 0.949999988079071, 0.9900000095367432, 0.9900000095367432, 0.9800000190734863], [0.4300000071525574, 0.6200000047683716, 0.6000000238418579, 0.7099999785423279, 0.7300000190734863, 0.6899999976158142, 0.8600000143051147, 0.6700000166893005, 0.9399999976158142, 0.8899999856948853, 0.9300000071525574, 0.9599999785423279, 0.9100000262260437, 0.949999988079071, 0.9599999785423279, 0.8899999856948853, 0.8899999856948853, 0.9900000095367432, 0.9100000262260437, 0.9700000286102295, 0.9100000262260437, 0.9300000071525574, 0.9900000095367432, 0.9599999785423279, 0.9900000095367432, 0.9300000071525574, 0.949999988079071, 1.0, 0.949999988079071, 0.9900000095367432, 0.9300000071525574, 0.9300000071525574, 0.9900000095367432, 0.949999988079071, 0.9599999785423279, 0.9700000286102295, 0.9599999785423279, 0.9800000190734863, 0.9700000286102295, 0.9200000166893005, 0.9700000286102295, 0.949999988079071, 0.9599999785423279, 0.9200000166893005, 0.9700000286102295, 0.9599999785423279, 0.949999988079071, 0.9599999785423279, 0.9800000190734863, 0.9300000071525574, 0.9599999785423279, 0.949999988079071, 0.949999988079071, 0.9700000286102295, 0.9800000190734863, 0.949999988079071, 0.9599999785423279, 0.9900000095367432, 0.949999988079071, 0.949999988079071, 0.949999988079071, 0.9599999785423279, 0.9900000095367432, 0.9700000286102295, 0.9599999785423279, 0.949999988079071, 0.9399999976158142, 0.9700000286102295, 0.9700000286102295, 0.949999988079071, 0.9700000286102295, 0.949999988079071, 0.9399999976158142, 1.0, 0.9599999785423279, 0.949999988079071, 0.9599999785423279, 0.949999988079071, 0.9599999785423279, 0.9800000190734863, 0.9700000286102295, 0.9399999976158142, 0.9700000286102295, 0.9900000095367432, 0.9399999976158142, 0.9700000286102295, 0.9300000071525574, 0.9599999785423279, 0.9800000190734863, 0.9800000190734863, 0.9800000190734863, 0.9700000286102295, 0.9700000286102295, 0.9900000095367432, 0.9900000095367432, 0.9700000286102295, 0.949999988079071, 0.9700000286102295, 0.9599999785423279, 0.9300000071525574, 0.9599999785423279], [0.3199999928474426, 0.4699999988079071, 0.75, 0.8199999928474426, 0.8199999928474426, 0.8600000143051147, 0.9599999785423279, 0.9100000262260437, 0.9399999976158142, 0.9399999976158142, 0.9300000071525574, 0.9700000286102295, 0.9800000190734863, 0.9399999976158142, 0.949999988079071, 0.9700000286102295, 0.9700000286102295, 0.9700000286102295, 0.9599999785423279, 0.9700000286102295, 0.9599999785423279, 0.9599999785423279, 0.9800000190734863, 0.9399999976158142, 0.9800000190734863, 0.949999988079071, 0.9700000286102295, 0.9200000166893005, 0.9599999785423279, 0.9700000286102295, 0.9700000286102295, 0.9399999976158142, 0.949999988079071, 0.9599999785423279, 0.9300000071525574, 0.949999988079071, 0.9399999976158142, 0.9300000071525574, 0.949999988079071, 0.9599999785423279, 0.9800000190734863, 0.9700000286102295, 0.9599999785423279, 0.9399999976158142, 0.9399999976158142, 0.9800000190734863, 0.949999988079071, 0.9399999976158142, 0.9399999976158142, 0.9399999976158142, 0.9399999976158142, 0.9900000095367432, 0.9399999976158142, 0.9599999785423279, 0.9599999785423279, 0.9599999785423279, 0.9599999785423279, 0.9700000286102295, 0.949999988079071, 0.9399999976158142, 0.9800000190734863, 0.9900000095367432, 0.949999988079071, 0.9700000286102295, 0.9399999976158142, 0.9300000071525574, 0.949999988079071, 0.949999988079071, 0.9700000286102295, 0.9800000190734863, 0.9800000190734863, 0.9399999976158142, 0.949999988079071, 0.9700000286102295, 0.9599999785423279, 0.9100000262260437, 0.9700000286102295, 0.9900000095367432, 0.9399999976158142, 0.9399999976158142, 0.9800000190734863, 0.9700000286102295, 0.949999988079071, 0.9700000286102295, 0.9700000286102295, 0.9599999785423279, 0.949999988079071, 0.9700000286102295, 0.949999988079071, 0.9700000286102295, 0.9599999785423279, 0.949999988079071, 0.9599999785423279, 0.9599999785423279, 0.9300000071525574, 0.9300000071525574, 0.9800000190734863, 0.9399999976158142, 0.949999988079071, 0.9599999785423279, 0.9599999785423279], [0.41999998688697815, 0.5299999713897705, 0.5400000214576721, 0.8100000023841858, 0.7799999713897705, 0.8100000023841858, 0.8700000047683716, 0.9200000166893005, 0.9200000166893005, 0.8899999856948853, 0.9200000166893005, 0.9200000166893005, 0.949999988079071, 0.9399999976158142, 0.9300000071525574, 0.8899999856948853, 0.9900000095367432, 0.8999999761581421, 0.9300000071525574, 0.8999999761581421, 0.9700000286102295, 0.9100000262260437, 0.9599999785423279, 0.9200000166893005, 0.9900000095367432, 0.9399999976158142, 0.9599999785423279, 0.949999988079071, 0.9599999785423279, 0.9599999785423279, 0.949999988079071, 0.9200000166893005, 1.0, 0.9800000190734863, 0.9800000190734863, 0.949999988079071, 0.9700000286102295, 0.9300000071525574, 1.0, 0.9599999785423279, 0.9399999976158142, 0.9800000190734863, 0.949999988079071, 0.9300000071525574, 0.9300000071525574, 0.9800000190734863, 0.9700000286102295, 0.9800000190734863, 0.9800000190734863, 0.9300000071525574, 0.9599999785423279, 0.9900000095367432, 0.949999988079071, 0.9599999785423279, 0.8899999856948853, 0.9100000262260437, 0.9300000071525574, 0.9700000286102295, 0.9399999976158142, 0.949999988079071, 0.9700000286102295, 0.9700000286102295, 0.9800000190734863, 0.949999988079071, 0.9700000286102295, 0.9599999785423279, 0.9300000071525574, 0.949999988079071, 0.9200000166893005, 0.9700000286102295, 0.949999988079071, 0.9399999976158142, 0.9700000286102295, 0.9700000286102295, 0.9599999785423279, 0.9700000286102295, 0.9599999785423279, 0.9300000071525574, 0.9599999785423279, 0.949999988079071, 0.9599999785423279, 0.9599999785423279, 0.9399999976158142, 0.9900000095367432, 0.949999988079071, 0.9700000286102295, 0.9599999785423279, 0.9399999976158142, 0.9599999785423279, 0.9800000190734863, 0.949999988079071, 0.9599999785423279, 0.9700000286102295, 0.9399999976158142, 0.9900000095367432, 0.949999988079071, 0.9399999976158142, 0.949999988079071, 0.949999988079071, 0.949999988079071, 0.9800000190734863], [0.3100000023841858, 0.6100000143051147, 0.7200000286102295, 0.8600000143051147, 0.7900000214576721, 0.8100000023841858, 0.8299999833106995, 0.9200000166893005, 0.9599999785423279, 0.9100000262260437, 0.9599999785423279, 0.8799999952316284, 0.8999999761581421, 0.9300000071525574, 0.9300000071525574, 0.9599999785423279, 0.9399999976158142, 0.9300000071525574, 0.949999988079071, 0.9800000190734863, 0.9599999785423279, 0.9700000286102295, 0.9599999785423279, 0.949999988079071, 0.9700000286102295, 0.9200000166893005, 0.9399999976158142, 0.9900000095367432, 0.9599999785423279, 0.9800000190734863, 1.0, 0.9800000190734863, 0.9900000095367432, 0.9599999785423279, 0.9599999785423279, 0.9800000190734863, 0.9700000286102295, 0.9800000190734863, 1.0, 0.9800000190734863, 0.9900000095367432, 0.9599999785423279, 0.9599999785423279, 0.949999988079071, 1.0, 0.9900000095367432, 0.9700000286102295, 0.9900000095367432, 0.9599999785423279, 0.9599999785423279, 0.9900000095367432, 0.9599999785423279, 0.9800000190734863, 1.0, 0.9900000095367432, 0.9599999785423279, 0.9900000095367432, 0.9800000190734863, 0.9700000286102295, 1.0, 0.9900000095367432, 0.9800000190734863, 0.9800000190734863, 1.0, 0.949999988079071, 0.9399999976158142, 0.9800000190734863, 0.9800000190734863, 0.949999988079071, 1.0, 0.9800000190734863, 0.9700000286102295, 0.9800000190734863, 0.9800000190734863, 0.949999988079071, 0.9800000190734863, 0.9900000095367432, 0.9599999785423279, 0.9599999785423279, 1.0, 0.9800000190734863, 1.0, 0.949999988079071, 0.9700000286102295, 1.0, 0.9900000095367432, 0.9399999976158142, 0.9800000190734863, 0.949999988079071, 0.9800000190734863, 0.9800000190734863, 0.9800000190734863, 0.9700000286102295, 0.9700000286102295, 0.9700000286102295, 0.9900000095367432, 1.0, 0.9900000095367432, 0.9700000286102295, 1.0, 0.9800000190734863], [0.3499999940395355, 0.550000011920929, 0.6100000143051147, 0.800000011920929, 0.7799999713897705, 0.6200000047683716, 0.9399999976158142, 0.8899999856948853, 0.9300000071525574, 0.8999999761581421, 0.949999988079071, 0.8999999761581421, 0.8899999856948853, 0.9200000166893005, 0.8799999952316284, 0.9300000071525574, 0.9200000166893005, 0.9100000262260437, 0.9399999976158142, 0.9599999785423279, 0.9300000071525574, 0.9200000166893005, 0.9100000262260437, 0.9200000166893005, 0.9700000286102295, 0.949999988079071, 0.9599999785423279, 0.9700000286102295, 0.9300000071525574, 0.9399999976158142, 0.9700000286102295, 0.9900000095367432, 0.9599999785423279, 0.9800000190734863, 0.9300000071525574, 0.9300000071525574, 0.9700000286102295, 0.9599999785423279, 0.9599999785423279, 0.9700000286102295, 0.9700000286102295, 0.9399999976158142, 0.9399999976158142, 0.9100000262260437, 0.9599999785423279, 0.9700000286102295, 0.9900000095367432, 0.9200000166893005, 0.949999988079071, 0.9599999785423279, 0.8999999761581421, 0.9399999976158142, 0.9200000166893005, 0.9399999976158142, 0.9800000190734863, 0.949999988079071, 0.949999988079071, 0.9399999976158142, 0.949999988079071, 0.9300000071525574, 0.9399999976158142, 0.9700000286102295, 0.9599999785423279, 0.9399999976158142, 0.9800000190734863, 0.9800000190734863, 0.9700000286102295, 0.9599999785423279, 0.9399999976158142, 0.9599999785423279, 0.949999988079071, 0.9200000166893005, 0.9599999785423279, 0.9800000190734863, 0.9399999976158142, 0.9300000071525574, 0.949999988079071, 0.9700000286102295, 0.949999988079071, 0.9800000190734863, 0.9599999785423279, 0.9900000095367432, 0.9599999785423279, 0.9399999976158142, 0.9900000095367432, 0.9599999785423279, 0.9700000286102295, 0.9700000286102295, 0.9599999785423279, 0.9300000071525574, 0.9700000286102295, 0.949999988079071, 0.9399999976158142, 0.9900000095367432, 0.949999988079071, 0.9100000262260437, 0.9399999976158142, 0.9800000190734863, 0.9900000095367432, 0.949999988079071, 0.9399999976158142], [0.33000001311302185, 0.6700000166893005, 0.6200000047683716, 0.7099999785423279, 0.6600000262260437, 0.7900000214576721, 0.7900000214576721, 0.8999999761581421, 0.9300000071525574, 0.9200000166893005, 0.9399999976158142, 0.8899999856948853, 0.9200000166893005, 0.949999988079071, 0.9300000071525574, 0.9399999976158142, 0.8799999952316284, 0.9300000071525574, 0.949999988079071, 0.9100000262260437, 0.949999988079071, 0.9300000071525574, 0.9599999785423279, 0.9200000166893005, 0.8700000047683716, 0.9399999976158142, 0.9700000286102295, 0.9800000190734863, 0.9700000286102295, 0.9399999976158142, 0.949999988079071, 0.9200000166893005, 0.9200000166893005, 0.9100000262260437, 0.9200000166893005, 0.9399999976158142, 0.9700000286102295, 0.9599999785423279, 0.9399999976158142, 0.9300000071525574, 0.9399999976158142, 0.9900000095367432, 0.8999999761581421, 0.9399999976158142, 0.9599999785423279, 0.9300000071525574, 0.9700000286102295, 0.949999988079071, 0.9399999976158142, 0.9300000071525574, 0.949999988079071, 0.9599999785423279, 0.9599999785423279, 0.9300000071525574, 0.9300000071525574, 0.949999988079071, 0.9399999976158142, 0.9200000166893005, 0.8899999856948853, 0.9399999976158142, 0.9599999785423279, 0.9399999976158142, 0.949999988079071, 0.9300000071525574, 0.9200000166893005, 0.9399999976158142, 0.9399999976158142, 0.949999988079071, 0.9700000286102295, 0.9200000166893005, 0.9200000166893005, 0.9599999785423279, 0.9300000071525574, 0.9300000071525574, 0.9700000286102295, 0.9399999976158142, 0.8899999856948853, 0.9599999785423279, 0.9100000262260437, 0.9700000286102295, 0.8700000047683716, 0.9399999976158142, 0.949999988079071, 0.9800000190734863, 0.9100000262260437, 0.9599999785423279, 0.949999988079071, 0.9599999785423279, 0.9700000286102295, 0.9700000286102295, 0.9100000262260437, 0.9300000071525574, 0.8999999761581421, 0.949999988079071, 0.9700000286102295, 0.8999999761581421, 0.9599999785423279, 0.9399999976158142, 0.9700000286102295, 0.949999988079071, 0.9200000166893005], [0.23999999463558197, 0.5799999833106995, 0.6600000262260437, 0.6100000143051147, 0.8700000047683716, 0.800000011920929, 0.9300000071525574, 0.8799999952316284, 0.9100000262260437, 0.9300000071525574, 0.8899999856948853, 0.9599999785423279, 0.9700000286102295, 0.9399999976158142, 0.9399999976158142, 0.949999988079071, 0.9200000166893005, 0.8999999761581421, 0.9599999785423279, 0.9100000262260437, 0.9700000286102295, 0.9700000286102295, 0.9599999785423279, 0.9100000262260437, 0.9200000166893005, 0.8700000047683716, 0.9399999976158142, 0.9100000262260437, 0.949999988079071, 0.949999988079071, 0.9700000286102295, 0.9300000071525574, 0.9599999785423279, 0.949999988079071, 0.9300000071525574, 0.9900000095367432, 0.9100000262260437, 0.9399999976158142, 0.9599999785423279, 0.949999988079071, 0.9300000071525574, 0.9599999785423279, 0.9900000095367432, 0.9599999785423279, 0.9700000286102295, 0.9599999785423279, 0.9599999785423279, 0.9200000166893005, 0.949999988079071, 0.9599999785423279, 0.9300000071525574, 0.9300000071525574, 0.9599999785423279, 0.9900000095367432, 0.9900000095367432, 0.9599999785423279, 0.9200000166893005, 0.9700000286102295, 0.9200000166893005, 0.9599999785423279, 0.9700000286102295, 0.8899999856948853, 0.9599999785423279, 0.9300000071525574, 0.8999999761581421, 0.9599999785423279, 0.9100000262260437, 0.9800000190734863, 0.949999988079071, 0.949999988079071, 0.9399999976158142, 0.9599999785423279, 0.9300000071525574, 0.949999988079071, 0.9599999785423279, 0.9599999785423279, 0.9399999976158142, 0.9700000286102295, 0.9599999785423279, 0.949999988079071, 0.949999988079071, 0.9399999976158142, 0.9399999976158142, 0.9599999785423279, 0.9399999976158142, 0.9800000190734863, 0.9200000166893005, 0.9800000190734863, 0.9300000071525574, 0.9200000166893005, 0.9700000286102295, 0.949999988079071, 0.949999988079071, 0.9900000095367432, 0.9599999785423279, 0.9800000190734863, 0.949999988079071, 0.949999988079071, 0.9700000286102295, 0.9100000262260437, 0.9599999785423279], [0.3499999940395355, 0.7400000095367432, 0.5899999737739563, 0.5199999809265137, 0.7699999809265137, 0.9100000262260437, 0.949999988079071, 0.9100000262260437, 0.9300000071525574, 0.9200000166893005, 0.8899999856948853, 0.949999988079071, 0.9200000166893005, 0.9399999976158142, 0.949999988079071, 0.949999988079071, 0.9399999976158142, 0.9800000190734863, 0.949999988079071, 0.9800000190734863, 0.949999988079071, 0.9800000190734863, 0.949999988079071, 0.949999988079071, 0.949999988079071, 0.9700000286102295, 0.9700000286102295, 0.9700000286102295, 1.0, 0.9700000286102295, 0.9800000190734863, 0.9700000286102295, 0.9800000190734863, 0.9800000190734863, 0.9700000286102295, 0.9599999785423279, 0.9800000190734863, 0.9800000190734863, 0.9900000095367432, 0.8999999761581421, 0.9700000286102295, 1.0, 0.9599999785423279, 0.949999988079071, 0.9599999785423279, 0.9800000190734863, 0.9700000286102295, 1.0, 0.9399999976158142, 0.9900000095367432, 0.9800000190734863, 0.9700000286102295, 0.949999988079071, 0.9599999785423279, 0.9700000286102295, 0.949999988079071, 0.9399999976158142, 0.9700000286102295, 0.9900000095367432, 1.0, 0.9800000190734863, 0.9800000190734863, 0.9800000190734863, 0.9900000095367432, 0.9900000095367432, 0.9800000190734863, 0.9800000190734863, 1.0, 1.0, 0.9599999785423279, 0.9700000286102295, 0.9800000190734863, 1.0, 1.0, 0.9900000095367432, 0.9900000095367432, 0.9800000190734863, 0.9900000095367432, 0.9900000095367432, 0.9700000286102295, 0.9599999785423279, 1.0, 0.9700000286102295, 0.9800000190734863, 1.0, 1.0, 0.9599999785423279, 0.9800000190734863, 1.0, 0.9800000190734863, 1.0, 0.9800000190734863, 0.9700000286102295, 1.0, 0.9599999785423279, 0.9800000190734863, 0.9800000190734863, 0.9700000286102295, 1.0, 0.9900000095367432, 0.9700000286102295]];
            var x_data = ['0000', '0100', '0200', '0300', '0400', '0500', '0600', '0700', '0800', '0900', '1000', '1100', '1200', '1300', '1400', '1500', '1600', '1700', '1800', '1900', '2000', '2100', '2200', '2300', '2400', '2500', '2600', '2700', '2800', '2900', '3000', '3100', '3200', '3300', '3400', '3500', '3600', '3700', '3800', '3900', '4000', '4100', '4200', '4300', '4400', '4500', '4600', '4700', '4800', '4900', '5000', '5100', '5200', '5300', '5400', '5500', '5600', '5700', '5800', '5900', '6000', '6100', '6200', '6300', '6400', '6500', '6600', '6700', '6800', '6900', '7000', '7100', '7200', '7300', '7400', '7500', '7600', '7700', '7800', '7900', '8000', '8100', '8200', '8300', '8400', '8500', '8600', '8700', '8800', '8900', '9000', '9100', '9200', '9300', '9400', '9500', '9600', '9700', '9800', '9900', '9999'];
            option = null;
            var opa = 0.3;
            option = {
                // color: ['#8dc1a9', '#e69d87', '#dd6b66', '#759aa0', '#ea7e53', '#eedd78', '#73a373', '#73b9bc', '#7289ab', '#91ca8c', '#f49f42'],
                color: ['#c23531', '#2f4554', '#61a0a8', '#d48265', '#91c7ae', '#749f83', '#ca8622', '#bda29a', '#6e7074', '#FF9900', '#c4ccd3'],
                // color: ['#37A2DA', '#32C5E9', '#67E0E3', '#9FE6B8', '#FFDB5C', '#ff9f7f', '#fb7293', '#E062AE', '#E690D1', '#e7bcf3', '#9d96f5', '#8378EA', '#96BFFF'],
                textStyle: {
                    fontSize: '120%',
                },
                title: {
                    text: 'Validation Accuracy',
    
                    left: 'center',
                    top: '1%',
                },
                tooltip: {
                    trigger: 'axis'
                },
                visualMap: {
                    show: true,
                    type: 'continuous',
                    seriesIndex: 0,
                    min: 0.2,
                    max: 1.0,
                },
                legend: {
                    top: '10%',
                    data: ['1st', '2nd', '3th', '4th', '5th', '6th', '7th', '8th', '9th', '10th']
                },
                toolbox: {
                    show: true,
                    feature: {
                        dataZoom: {
                            yAxisIndex: 'none'
                        },
                        dataView: { readOnly: false },
                        restore: {},
                        saveAsImage: {}
                    }
                },
                xAxis: {
                    type: 'category',
                    boundaryGap: false,
                    data: x_data,
                    splitLine: { show: false, },
                    name: 'Training Step(s)',
                    nameLocation: 'end',
                    nameGap: 20,
                },
                yAxis: {
                    type: 'value',
                    splitLine: { show: true, },
                    name: 'Accuracy',
                    nameLocation: 'end',
                    nameGap: 20,
                    min: 0.23,
                    max: 1.0,
                },
                grid: {
                    top: '15%',
                },
                //'circle', 'rect', 'roundRect', 'triangle', 'diamond', 'pin', 'arrow', 'none'
                series: [
                    {
                        name: '1st',
                        type: 'line',
                        smooth: true,
                        data: data[0],
                        symbol: 'circle',
                        lineStyle: {
                             2,
                            opacity: opa,
                        },
                    },
                    {
                        name: '2nd',
                        type: 'line',
                        smooth: true,
                        data: data[1],
                        symbol: 'rect',
                        lineStyle: {
                             2,
                            opacity: opa,
                        },
                    },
                    {
                        name: '3th',
                        type: 'line',
                        smooth: true,
                        data: data[2],
                        symbol: 'roundRect',
                        lineStyle: {
                             2,
                            opacity: opa,
                        },
                    },
                    {
                        name: '4th',
                        type: 'line',
                        smooth: true,
                        data: data[3],
                        symbol: 'triangle',
                        lineStyle: {
                             2,
                            opacity: opa,
                        },
                    },
                    {
                        name: '5th',
                        type: 'line',
                        smooth: true,
                        data: data[4],
                        symbol: 'diamond',
                        lineStyle: {
                             2,
                            opacity: opa,
                        },
                    },
                    {
                        name: '6th',
                        type: 'line',
                        smooth: true,
                        data: data[5],
                        symbol: 'pin',
                        lineStyle: {
                             2,
                            opacity: opa,
                        },
                    },
                    {
                        name: '7th',
                        type: 'line',
                        smooth: true,
                        data: data[6],
                        symbol: 'arrow',
                        lineStyle: {
                             2,
                            opacity: opa,
                        },
                    },
                    {
                        name: '8th',
                        type: 'line',
                        data: data[7],
                        smooth: true,
                        symbol: 'circle',
                        lineStyle: {
                             2,
                            opacity: opa,
                        },
                    },
                    {
                        name: '9th',
                        type: 'line',
                        data: data[8],
                        smooth: true,
                        symbol: 'rect',
                        lineStyle: {
                             2,
                            opacity: opa,
                        },
                    },
                    {
                        name: '10th',
                        type: 'line',
                        data: data[9],
                        smooth: true,
                        symbol: 'rect',
                        symbolSize: 6,
                        lineStyle: {
                            color: '#FF9900',
                             4,
                            opacity: 10,
                        },
                    }
    
                ]
            };
            ;
            if (option && typeof option === "object") {
                myChart.setOption(option, true);
            }
        </script>
    </body>
    
    </html>
  • 相关阅读:
    maven公共库
    java截取当前屏幕图片
    JAVE视频处理
    jar在maven仓库里面没有时 , 把jar导入本地仓库步骤
    3 .shell 之linux四剑客sed/grep/awk/find
    Spring学习(四)-基于注解的Bean管理
    Spring学习(三)-Bean的种类,作用域,生命周期
    Spring学习(一)-基本入门
    dubbo服务连接zookeeper报错:java.net.ConnectException: Connection refused
    idea-常用设置二
  • 原文地址:https://www.cnblogs.com/yczha/p/13160207.html
Copyright © 2011-2022 走看看