echarts画散点图(数据处理用python,数据展示用echarts)第一篇_金融小白数据分析之路的博客-程序员秘密

技术标签: echarts  

官方文档使用手册

https://echarts.apache.org/zh/index.html

在示例中进项编辑

根据菜鸟使用手册替换示例编辑中的配置项

https://www.runoob.com/echarts/echarts-tutorial.html

展现效果如下

具体代码如下

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>美国枕套top20</title>
    <!-- 引入 echarts.js -->
    <script src="https://cdn.staticfile.org/echarts/4.3.0/echarts.min.js"></script>
</head>
<body>
    <h1 style="text-align: center;">美国枕套top20</h1>
    <!-- 为ECharts准备一个具备大小(宽高)的Dom -->
    <div id="main" style="width: 1920px;height:860px"></div>
    <script type="text/javascript">
        var myChart = echarts.init(document.getElementById('main'));
        var color=[
       '#EE82EE','#FF00FF','#8B008B','#BA55D3',
       '#E6E6FA','#0000FF','#0000CD','#191970',

       '#008B8B','#48D1CC','#48D1CC','#20B2AA',
       '#90EE90','#98FB98','#8FBC8F','#32CD32',

       '#FF7F50','#FF6347','#F08080','#FF0000',]
        var map={1:'竹炭纤维',2:'针织布',3:"涤棉",4:'色丁',5:'超纤',6:'涤纶',7:'棉',8:'冰丝',9:'真丝'};
        option = {
        tooltip:{show:true,
        },
        grid:{
            top:'15%',
        },
        xAxis:{},
        yAxis: [{
        max: 9,//设置最大值
         min: 1,//设置最小值
             interval:1,
            axisLabel:{
                   formatter: function (value, index) {
                            return map[value];
                        }
                },}


            ],
        legend:{data:
            ['ALASKA BEAR',
 'Adubor',
 'Amazon Basics',
 'Bedsure',
 'California Design Den',
 'DreamHome',
 'EVOLIVE',
 'EXQ Home',
 'Elegant Comfort',
 'FLXXIE',
 'Fishers Finery',
 'J JIMOO',
 'Leafbay',
 "Love's cabin",
 'NTBAY',
 'Ravmix',
 'SLPBABY',
 'ShopBedding',
 'YANIBEST',
 'ZIMASILK']
        },
        series: [
{symbolSize:20,name:"ALASKA BEAR",data:[[28.74, 9.0], [30.92, 9.0], [39.99, 9.0], [34.99, 9.0], [19.99, 9.0]],type:"scatter"},{symbolSize:20,name:"Adubor",data:[[11.7, 6.0], [23.72, 9.0], [25.99, 9.0], [9.32, 6.0], [10.99, 6.0], [30.99, 9.0]],type:"scatter"},{symbolSize:20,name:"Amazon Basics",data:[[14.99, 7.0], [13.85, 7.0], [13.84, 7.0], [15.99, 6.0]],type:"scatter"},{symbolSize:20,name:"Bedsure",data:[[13.34, 6.0], [11.54, 6.0], [12.99, 6.0], [10.57, 6.0], [9.99, 6.0], [13.63, 1.0], [14.59, 1.0], [17.88, 1.0], [7.39, 5.0], [9.07, 6.0], [9.17, 6.0]],type:"scatter"},{symbolSize:20,name:"California Design Den",data:[[19.99, 7.0], [15.66, 7.0], [22.48, 7.0], [17.52, 7.0]],type:"scatter"},{symbolSize:20,name:"DreamHome",data:[[9.15, 6.0], [10.95, 6.0], [10.32, 6.0], [9.95, 6.0]],type:"scatter"},{symbolSize:20,name:"EVOLIVE",data:[[9.84, 5.0], [10.99, 5.0], [9.99, 5.0]],type:"scatter"},{symbolSize:20,name:"EXQ Home",data:[[7.99, 4.0], [9.66, 4.0], [10.55, 4.0], [7.22, 4.0]],type:"scatter"},{symbolSize:20,name:"Elegant Comfort",data:[[11.0, 5.0], [10.79, 5.0], [11.04, 5.0], [9.97, 5.0], [10.19, 5.0], [9.99, 5.0], [9.99, 5.0]],type:"scatter"},{symbolSize:20,name:"FLXXIE",data:[[9.99, 5.0], [8.99, 5.0], [12.99, 5.0], [9.99, 5.0], [8.99, 5.0], [9.99, 5.0]],type:"scatter"},{symbolSize:20,name:"Fishers Finery",data:[[36.49, 9.0], [53.55, 9.0], [49.77, 9.0], [60.99, 9.0], [107.98, 9.0], [99.65, 9.0], [33.19, 9.0], [62.99, 9.0], [24.99, 9.0], [124.98, 9.0], [118.65, 9.0], [77.39, 9.0], [59.49, 9.0]],type:"scatter"},{symbolSize:20,name:"J JIMOO",data:[[19.99, 9.0], [22.95, 9.0], [20.74, 9.0], [25.59, 9.0], [23.82, 9.0], [25.99, 9.0], [31.99, 9.0]],type:"scatter"},{symbolSize:20,name:"Leafbay",data:[[24.31, 9.0], [24.99, 9.0], [25.28, 9.0]],type:"scatter"},{symbolSize:20,name:"Love's cabin",data:[[8.18, 4.0], [6.4, 4.0], [7.97, 4.0], [6.61, 4.0], [7.64, 4.0]],type:"scatter"},{symbolSize:20,name:"NTBAY",data:[[8.95, 4.0], [9.95, 4.0], [10.95, 4.0], [9.99, 5.0], [9.99, 4.0], [15.99, 7.0], [13.99, 9.0], [16.99, 7.0], [13.99, 7.0], [15.99, 9.0], [7.65, 4.0], [9.82, 5.0], [13.99, 5.0], [6.99, 5.0], [10.99, 5.0]],type:"scatter"},{symbolSize:20,name:"Ravmix",data:[[27.87, 9.0], [33.04, 9.0], [34.99, 9.0], [25.12, 9.0]],type:"scatter"},{symbolSize:20,name:"SLPBABY",data:[[24.1, 9.0], [22.47, 9.0], [28.99, 9.0]],type:"scatter"},{symbolSize:20,name:"ShopBedding",data:[[11.96, 6.0], [9.33, 6.0], [12.15, 6.0], [13.8, 6.0], [14.94, 6.0], [8.99, 6.0], [11.75, 6.0]],type:"scatter"},{symbolSize:20,name:"YANIBEST",data:[[30.67, 9.0], [23.85, 9.0], [24.23, 9.0]],type:"scatter"},{symbolSize:20,name:"ZIMASILK",data:[[22.49, 9.0], [23.7, 9.0], [46.99, 9.0], [28.66, 9.0], [31.28, 9.0], [26.87, 9.0], [24.39, 9.0], [19.99, 9.0], [20.99, 9.0]],type:"scatter"},
]
    };
    myChart.setOption(option);
    </script>
</body>
</html>

 

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/weixin_45631815/article/details/115359822

智能推荐

十大战略工具(9)—— SWOT 分析法_9个战略分析工具_Super 含的博客-程序员秘密

序 、接下来十天会日更一个战略法则工具 。分别是波士顿矩阵 、MECE 法则 、波特五力模型 、SCQA架构 、通用电气矩阵 、正态分布&amp;幂律分布 、PEST模型 、平衡记分卡 、SWOT分析 、商业模式画布 。背景在面试的时候我们可能会遇到一个问题 ,’‘你觉得能力和机遇那个重要 ’‘ 。“这真是一个好问题。”你轻声应到。你说能力更重要吧,他会不会说你没远见?人们不是常说“选择比努力更重要”吗。你说机遇更重要吧,他会不会说你不踏实?人们不也常说“机遇总是留给有准备的人”吗。好难的问题。到底

源码下修改开机动画及开机logo_Walk.l.q的博客-程序员秘密

修改开关机动画及logo:1)logo1进入对应的项目 例如:cd ~/zprojects_lp1_mt6735m_35p_35_53/n356bh-gfivexwy/binary/logo$ 2根据项目逐层建立目录 n356bh-gfivexwy-m2intouch/cmcc_lte_fhd3使用图片转换工具,将客户提供的图片转换成bmp格式以及对应的分辨率仿照同级目录的bm

Android 常见内存泄漏及解决方法_uni-app 写安卓如何避免内存泄漏_meixi_android的博客-程序员秘密

Android中的内存泄漏:先说一下为什么会出现内存泄漏:Android程序开发中,如果一个对象已经不需要被使用了,本该被回收时,而这时另一个对象还在持有对该对象的引用,这样就会导致无法被GC回收,就会出现内存泄漏的情况。内存泄漏时Android程序中出现OOM问题的主要原因之一。所以我们在编写代码时,一定要细心处理好这一类的问题。下面说一下Android开发中最常见的5个内存泄漏...

Python爬虫学习笔记 (7) [初级] BeautifulSoup bs4 常用方法总结_bs4函数方法总结_Alice的博客-程序员秘密

更新日期: 2021.03.23已经学习的内容:爬取网页:掌握 requests 的常用方法。解析代码:掌握 BeautifulSoup (bs4) 和 re 的常用方法。保存信息:最简单的文件类型 txt。本节内容 :前面的 bs4 学习笔记内容源自官网文档,逐一介绍了它的的诸多才艺。本节内容如下:bs4 解析思路及常用方法。定位目标标签 召之即来~获取目标信息 探囊取物~目录1. 解析思路及常用方法1.1 观察网页代码的规律1.2 常用方法2. 定位目标标签 召之即来~2.

硬核讲解秒杀设计_普通网友的博客-程序员秘密

1 秒杀场景秒杀场景登陆12306进行火车票抢座1599元购入飞天茅台周董演唱会的门票双十一秒杀活动秒杀场景关注点严格防止超卖:库存1000件卖了1020件,要杀个码农祭天了!防止超卖是秒杀系统设计最核心的部分。防止黑产:防止不怀好意的羊毛党薅羊毛。保证用户体验:高并发下,给用户提供友善的购物体验,尽可能支持比较高的QPS等等。接下来就让我们按照关注点,不断细化秒杀场景...

ipad iphone开发_如何在iPhone或iPad上快速搜索表情符号_culintai3473的博客-程序员秘密

ipad iphone开发Apple, Inc. 苹果公司。 Emoji are great tools for expressing complex thoughts quickly, but finding the right one can be tricky while using Messages and other apps. Luckily, there’s a way to sea...

随便推点

C# .Net连接DB2数据库最简单实用教程_c# 添加64位ibm.data.db2.dll_boboyang24的博客-程序员秘密

在网上看了各种操作DB2数据库的坑,讲的都是太片面了,这里我汇总一种最简单的方式提供给大家参考1.安装IBM Data Server .NET Provider 程序,安装成功后引用对应版本的IBM.Data.DB2.dll 文件,安装完成之后,如果是默认路径安装的,一般是在C:\Program Files\IBM\IBM DATA SERVER DRIVER\bin下面.IBM Data Server .NET Provider 程序 下载链接(),网上下载的很多坑,我也是好不容易找到可用的。

Spark常用执行脚本_spark执行脚本_lhxsir的博客-程序员秘密

集群环境变量无配置:export SPARK_DIST_CLASSPATH=$(hadoop classpath)安全认证:kinit -k -t test.keytab [email protected]执行命令:#! /bin/bashspark2-submit \--class com.lhx.test \--master yarn \--deploy-mode clus...

安装pycharm报nse.impl.GeneralLicenseManager - No valid license found错解..._weixin_34279061的博客-程序员秘密

安装全pycharm后执行报错,信息如下: 点击(此处)折叠或打开 [[email protected] ~]$ pycharm-professional OpenJDK 64-Bit Server VM warning: ignoring option MaxPermSize=350...

2019牛客暑期多校训练营(第一场)----赛后/补题感悟_int *zym;的博客-程序员秘密

点击这里回到2019牛客暑期多校训练营解题—目录贴菜鸡感悟  补题花了我大把大把时间,首先第一题把,赛时当时想到二分结果又bug,后来想到了单调栈,结果不会写QAQ,后来队友搞出来了(膜拜),A题算是签到题吧,B题和C题感觉就是思维题,B题我从一开始就没想到直接积分。。。真的,压根没想到裂项,C题以为是拉格朗日(虽然最后真的是拉格朗日),但是还是用其他比较强势的方法补了出来,神奇贡献法...

ROS学习——常用图形化工具_ros 自带dude图形工具_zhousonglin20112011的博客-程序员秘密

(1) rosrun rqt_topic rqt_topic(2) rosrun rqt_publisher rqt_publisher(3) rosrun rqt_plot rqt_plot

2021年,神经科学AI有这几大趋势_ai神经科学_喜欢打酱油的老鸟的博客-程序员秘密

新的一年正向我们招手。延续优良的革命传统,又到了发布最新一期AI专家预测报告的时候。各位受访专家将结合自己的所感所知、实验室发现以及企业动态为我们预测新一年中人工智能技术的发展方向。闲言少叙,我们马上进入本期预测主题。Arash Rahnama博士, Modzy公司应用AI研究负责人:正如AI系统的进步向前飞速发展一样,敌对方欺骗AI模型以诱导其做出错误预测的能力也在不断增强。深度神经网络极易受到其输入素材(对抗AI)所施加的细微对抗因素的干扰,而且人眼几乎无法感知到素材中的异常。这类攻..

推荐文章

热门文章

相关标签