Echarts可视化数据

最新推荐文章于 2024-04-23 02:00:49 发布
最新推荐文章于 2024-04-23 02:00:49 发布
阅读量9.5k 收藏 2
点赞数
分类专栏： html5 Echarts 文章标签： Echarts可视化 Javascript html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zyc121561/article/details/82222772
版权

最近在训练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: {
                        width: 2,
                        opacity: opa,
                    },
                },
                {
                    name: '2nd',
                    type: 'line',
                    smooth: true,
                    data: data[1],
                    symbol: 'rect',
                    lineStyle: {
                        width: 2,
                        opacity: opa,
                    },
                },
                {
                    name: '3th',
                    type: 'line',
                    smooth: true,
                    data: data[2],
                    symbol: 'roundRect',
                    lineStyle: {
                        width: 2,
                        opacity: opa,
                    },
                },
                {
                    name: '4th',
                    type: 'line',
                    smooth: true,
                    data: data[3],
                    symbol: 'triangle',
                    lineStyle: {
                        width: 2,
                        opacity: opa,
                    },
                },
                {
                    name: '5th',
                    type: 'line',
                    smooth: true,
                    data: data[4],
                    symbol: 'diamond',
                    lineStyle: {
                        width: 2,
                        opacity: opa,
                    },
                },
                {
                    name: '6th',
                    type: 'line',
                    smooth: true,
                    data: data[5],
                    symbol: 'pin',
                    lineStyle: {
                        width: 2,
                        opacity: opa,
                    },
                },
                {
                    name: '7th',
                    type: 'line',
                    smooth: true,
                    data: data[6],
                    symbol: 'arrow',
                    lineStyle: {
                        width: 2,
                        opacity: opa,
                    },
                },
                {
                    name: '8th',
                    type: 'line',
                    data: data[7],
                    smooth: true,
                    symbol: 'circle',
                    lineStyle: {
                        width: 2,
                        opacity: opa,
                    },
                },
                {
                    name: '9th',
                    type: 'line',
                    data: data[8],
                    smooth: true,
                    symbol: 'rect',
                    lineStyle: {
                        width: 2,
                        opacity: opa,
                    },
                },
                {
                    name: '10th',
                    type: 'line',
                    data: data[9],
                    smooth: true,
                    symbol: 'rect',
                    symbolSize: 6,
                    lineStyle: {
                        color: '#FF9900',
                        width: 4,
                        opacity: 10,
                    },
                }

            ]
        };
        ;
        if (option && typeof option === "object") {
            myChart.setOption(option, true);
        }
    </script>
</body>

</html>
zoz.cool
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
echarts-stat:Apache ECharts 统计工具（孵化）
05-31
统计数据 统计和数据挖掘工具。 你可以用它来分析数据，然后用 ECharts 将结果可视化，或者只是用它来处理数据。 它适用于 node.js 和浏览器。 用其他语言阅读本文：、。 安装 如果您使用 npm，您可以使用以下命令安装它： npm install echarts-stat 否则，从下载此工具： < script src =' ./dist/ecStat.js ' > </ script > < script > var result = ecStat . clustering . hierarchicalKMeans ( data , clusterNumber , false ) ; </ script > API 参考 直方图 直方图是数值数据分布的图形表示。 它是对定量变量概率分布的估计。 它是一种条形图。 要构建直方图，第一步是对值的范围进行“装箱”——即将
echarts散点图（线性回归）
devil的博客
08-13 1万+
echarts散点图（线性回归） 备注：线性回归是利用数理统计中回归分析，说白了就是根据你的数据算出一个方程式，然后在图中用一条线展示出来 echarts得版本必须是5.0或以上的 npm install echarts -S npm install echarts-stat -S //main.js import Vue from 'vue' import * as echarts from 'echarts'; Vue.prototype.$echarts = echarts <div cl
基于Echarts的可视化项目
m0_47531010的博客
02-14 1127
一个基于Echarts的可视化项目，涵盖了Echarts中几个常用的图表
echarts-stat直方图分布，XY轴没有与主图对应的问题
qq_41714508的博客
01-03 622
echarts 数据落点分布图
vue 项目使用echarts图表
sxiaobi
05-30 2656
官方文档：https://www.echartsjs.com/option.html#xAxis.axisLine <!-- 后台统计图表 --> <template> <div> 后台统计图表 <div class="echart"> <div id="main" :style="{width: '100...
在Vue项目通过echarts-stat 实现Process of Clustering（矩阵过程）图表
郭宝的博客
08-09 5422
具体使用步骤： 1、安装 echarts 和 echarts-stat npm install echarts --save -dev npm install echarts-stat --save -dev 2、在main.js文件中全局引入echarts import echarts from 'echarts' Vue.c...
simplex.js
10-18
simplex.js文件下载,辅助echarts插件开发 完整文件 下载可用
ECharts 统计扩展 ecStat.js, 可以进行回归分析和均值方差计算
热门推荐
Leon的专栏
02-23 1万+
结合echats.js 使用，初始化 var myRegression = ecStat.regression('logarithmic', data);在  series 中画图 , 系列里面加入，画出趋势线 {        name: 'line',        type: 'line',        lineStyle: {            normal: {          ...
pyecharts x轴全显示_搭建系统|比Matplotlib更好用的pyecharts打造GUI股票行情分析界面...
weixin_39810441的博客
01-02 499
前言众所周知，Python中最常用的绘图工具是Matplotlib库，但随着Web技术的蓬勃发展，以网页形式在浏览器上显示图表已经逐渐成为一种主流的形式。之前我们在Python的GUI工具中嵌入了Matplotlib，制作一个基础版的股票行情分析界面：专题研究|量化交易怎么少得了GUI！手把手教你用 Python 打造股票行情分析界面那么换成嵌入pyecharts又会是怎么样的效果呢？p...
ECHarts.js （一）EChart.js 简单入门
VIP_CR的博客
12-28 1526
ECHarts.js （一）EChart.js 简单入门 转载 致敬作者 https://www.cnblogs.com/aaronthon/p/10092860.html 最近有一个统计的项目要做，在前端的数据需要用图表的形式展示。网上搜索了一下，发现有几种统计图库。 MSChart 这个是Visual Studio里的自带控件，使用比较简单，不过数据这块需要在后台绑定。 ichartjs 是一...
PyQt_Echarts_GUI:这是ECharts的GUI。 轻松快捷地生成图表！
05-08
教程 很高兴见到你！ 以下是制作出色图表的4个步骤：) 步骤1：构建和安装Git环境（可选） 访问Git官方网站以在您的操作系统中安装git 然后您可以像下面的代码一样从github复制我的包 git clone 或者 您可以单击下载按钮以获取此项目。 步骤2：安装独立环境 安装python3.7 pip在线安装以下软件包 PyQt5（不必担心PyQt5的版本） pyecharts == 0.5.11 PyQtWebEngine pip3 install PyQt5 pip3 instal PyQtWebEngine pip3 install pyecharts==0.5.11 第三步：检查文件放置 templete.html echarts.min.js start.py 步骤4：执行指令码 开放式终端 cd PyQt_Echarts_GUI python3
simplex.js_echarts simplex.js下载, echarts simplex.js-Javascript代码
06-29
simplex.js文件下载,辅助echarts插件开发 完整文件 下载可用
Echarts数据可视化通用模板
07-04
Echarts html 相关的 数据可视化通用模板，可借鉴设计
echarts数据可视化作业
01-14
echarts数据可视化 作业案例，js，html，css 帮助同学们更好的理解echarts 数据可视化 各个图表都做了案例
Echarts可视化数据展示大屏.rar
10-19
使用Echarts做的大数据展示大屏，所有样式设计在CSS中，有需要的可以看看，全部板块设计可进行二次开发。
基于ECharts数据可视化大屏案例源码
12-03
基于ECharts数据可视化大屏案例源码
Echarts数据可视化图表案例+数据可视化大屏模板
06-21
18个Echarts数据可视化图表案例，每个案例都有代码注释，简单易懂。...还有三套echarts可视化大屏模板，案例下载后在编辑器内打开html，可以根据需求修改样式和数据，学习echarts绘图，也可以制作新的数据可视化大屏。
Web前端开发之HTML_3
最新发布
zx1026409886的博客
04-23 887
表单在Web网页中用来给用户填写信息，从而采集用户信息，使网页具有交互功能。所有的用户输入内容的地方都用表单来写，如登录注册、搜索框。表单是由容器和控件组成的，一个表单一般应包含用户填写信息的输入框，按钮等，这些输入框、按钮叫做控件，表单就是容器，它能够容纳各种各样的控件。
echarts 可视化数据大屏 x轴偏移
05-18
如果你在使用 echarts 可视化数据大屏时，遇到了 x 轴偏移的问题，可以尝试以下几种解决方法： 1. 调整图表容器大小：如果容器宽度不够大，x 轴上的标签可能会被挤压，导致偏移。可以尝试调整容器大小，使其足够宽。 2. 调整 x 轴标签样式：可以尝试调整 x 轴标签的样式，例如调整字体大小、旋转角度等，使其更加清晰可见。 3. 调整 x 轴数据格式：如果 x 轴上的数据格式较长，也可能会导致偏移。可以尝试调整数据格式，例如使用缩写或简短的词语来表示数据，使其更加紧凑。 4. 调整 echarts 配置项：可以尝试调整 echarts 的配置项，例如设置 x 轴的 boundaryGap 为 false，或者调整 x 轴的 axisLabel 配置项，以适应不同的数据情况。 希望以上方法能够帮助你解决 x 轴偏移的问题。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

zoz.cool

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值