你不知道的echarts

智数逸影客
• 阅读 633
散点图
option = {
      grid: {
        top: 4, //表距离顶部的距离
        left: 2, //表距离左边的距离
        bottom: 10,
        right: 10,
        containLabel: true
    },
    // X轴的数据
    xAxis: {
      axisLine:{
        lineStyle:{
          color:'#00FFF5' //横坐标的颜色
        }
      }
    },
    // 圆点的颜色
    color: ['#7460ee', '#66cd2e'],
    // Y轴的数据
    yAxis: {
      axisLine:{
        lineStyle:{
          color:'#00FFF5' //纵坐标的颜色
        }
      }
    },
    // 数据系列,一个图表可能包含多个系列,每一个系列可能包含多个数据
    series: [
        {
            name: '单证时间',
            type: 'scatter',
            // 是否开启鼠标 hover 的提示动画效果
            hoverAnimation: false,
            symbolSize: 20,
            data: [
                [10.0, 8.04],
                [8.0, 3.95],
                [13.0, 6.58],
                [9.0, 8.81],
                [11.0, 8.33],
                [14.0, 9.96],
                [6.0, 7.24],
                [4.0, 4.26],
                [12.0, 10.84],
                [7.0, 4.82],
                [5.0, 5.68]
            ],
        },
        {
            name: '记账时间',
            type: 'scatter',
            // 是否开启鼠标 hover 的提示动画效果
            hoverAnimation: false,
            data: [
                [4.0, 8.04],
                [5.0, 6.95],
                [3.0, 6.58],
                [6.0, 8.81],
                [5.0, 8.33],
                [14.0, 9.96],
                [6.0, 7.24],
                [4.0, 4.26],
                [12.0, 10.84],
                [7.0, 4.82],
                [5.0, 5.68]
            ],
        }
      ]
    }
点赞
收藏
评论区
推荐文章
待兔 待兔
1年前
手写Java HashMap源码
HashMap的使用教程HashMap的使用教程HashMap的使用教程HashMap的使用教程HashMap的使用教程22
前端 滚动到目标元素位置 VUE 版本
1、前言想起之前一次在写一个小程序商城时候,详情页的类似锚点的跳转花了我不少时间,因为刚写,对小程序滚动,滚动距离那套不熟悉加之本身对什么滚动高度,元素距离顶部距离不是很了解,花了挺长时间的,这几天有空,就研究了下。2、先看效果在这里插入图片描述(https://imghelloworld.osscnbeijing.aliyuncs.c
记录 30 seconds of code 项目个人觉得中有价值的片段或者小技巧(三)
GI系列获取元素距离顶部的距离jsconstgetVerticalOffsetelletoffsetel.offsetTop,elel;while(el.offsetParent)elel.offsetParent;offsetel.offsetTop;returnoffse
御弟哥哥 御弟哥哥
5年前
Android RecyclerView如何获取滑动距离
获取RecyclerView滑动的距离。本文演示如何获取RecyclerView的滑动距离。要实现这个功能,需要给RecyclerView添加滑动时监听RecyclerView.OnScrollListener。recyclerView.addOnScrollListener(newRecyclerView.OnScrollListene
Stella981 Stella981
4年前
CGAL HelloWorld
点和线段如何创建点和线段,并计算两点之间的距离、点到线段的距离、点与线段的位置关系和中点。定义Kernel(几何图元)操作predicate(位置,距离和中点)Codeinclude<iostreaminclude<CGAL/Simple_cartesian.hty
Stella981 Stella981
4年前
LeetCode 72. 编辑距离
原文链接: LeetCode72.编辑距离(https://my.oschina.net/ahaoboy/blog/3113850)https://leetcodecn.com/problems/editdistance/(https://www.oschina.net/action/GoToLink?urlhttps%3A%2F%2F
Wesley13 Wesley13
4年前
Java中当前对象引用
题:计算机画图时,有点的概念,每个点由它的横坐标x和纵坐标y描述。写一个类。求两个点之间的曼哈顿距离横向距离纵向距离例如,一个点(0,0)和另一个点(1,1)的曼哈顿距离为2packagetest;publicclassPoint{
Wesley13 Wesley13
4年前
Unity3D GUI笔记
Rect(intleft,inttop,intwidth,intheight)//left:离屏幕左边距离;top:离屏幕上边距离;width:Rect宽度;height:Rect高度;文本:Label(Rect(),Stringtext)//text:文字内容按钮:Button(Rect(),Tex
Wesley13 Wesley13
4年前
1162. 地图分析
你现在手里有一份大小为 NxN的『地图』(网格) grid,上面的每个『区域』(单元格)都用 0 和 1 标记好了。其中 0 代表海洋,1 代表陆地,你知道距离陆地区域最远的海洋区域是是哪一个吗?请返回该海洋区域到离它最近的陆地区域的距离。我们这里说的距离是『曼哈顿距离』( ManhattanDistance):(x0,y
Stella981 Stella981
4年前
HTML中offsetTop、clientTop、scrollTop、offsetTop各属性介绍
HTML精确定位:scrollLeft,scrollWidth,clientWidth,offsetWidth scrollHeight: 获取对象的滚动高度。 scrollLeft: 设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离 scrollTop: 设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离 
GeorgeGcs GeorgeGcs
8个月前
【HarmonyOS】鸿蒙应用蓝牙功能实现(一)
鸿蒙开发能力HarmonyOSSDK应用服务鸿蒙金融类应用(金融理财前言蓝牙技术是一种无线通信技术,可以在短距离内传输数据。它是由爱立信公司于1994年提出的,使用2.4GHz的ISM频段,可以在10米左右的距离内进行通信。可以用于连接手机、耳机、音箱、键