echarts柱形图实现2.5D

思路:使用markpoint

option = {title: {text: 'Rainfall vs Evaporation',subtext: 'Fake Data'},tooltip: {trigger: 'axis'},legend: {data: ['Rainfall', 'Evaporation']},toolbox: {show: true,feature: {dataView: { show: true, readOnly: false },magicType: { show: true, type: ['line', 'bar'] },restore: { show: true },saveAsImage: { show: true }}},calculable: true,xAxis: [{type: 'category',// prettier-ignoredata: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']}],yAxis: [{type: 'value'}],series: [{name: 'Rainfall',type: 'bar',data: [2.0,14.9, 7.0, 23.2, 25.6, 76.7, 135.6, 162.2, 32.6, 20.0, 6.4, 13.3],markPoint: {silent: true,label: {show: false},symbol:'diamond',symbolSize: [45,10],itemStyle: {borderColor: '#000'},data: [{coord: ['Jan',2]},{coord: ['Feb',14.9]},{coord: ['Mar',7]},{coord: ['Apr',23.2]},{coord: ['May',25.6]},]},markLine: {silent: true,// label: {show: false},// symbol:'diamond',// symbolSize: [45,10],// itemStyle: {//   borderColor: '#000'// },// data: [//   {coord: ['Jan',2]},//   {coord: ['Feb',14.9]},//   {coord: ['Mar',7]},//   {coord: ['Apr',23.2]},//   {coord: ['May',25.6]},// ]},},]
};

option = {title: {text: 'Rainfall vs Evaporation',subtext: 'Fake Data'},legend: {data: ['Rainfall', 'Evaporation']},calculable: true,xAxis: [{type: 'category',// prettier-ignoredata: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']}],yAxis: [{type: 'value'}],series: [{name: 'Rainfall',type: 'bar',data: [2.0,14.9, 7.0, 23.2, 25.6, 76.7, 135.6, 162.2, 32.6, 20.0, 6.4, 13.3],markPoint: {silent: true,label: {show: false},symbol:'diamond',symbolSize: [45,10],itemStyle: {borderColor: '#000'},data: [{coord: ['Jan',2]},{coord: ['Feb',14.9]},{coord: ['Mar',7]},{coord: ['Apr',23.2]},{coord: ['May',25.6]},]},markLine: {silent: true,label: {show: false},symbol: 'none',lineStyle: {type: 'solid',color: new echarts.graphic.LinearGradient(0, 0, 0, 1,[{offset: 0, color: 'rgba(0, 0, 0,1)'},{offset: 1, color: 'rgba(0, 0, 0,0.5)'}])},data: [{xAxis: 'Jan' },{xAxis: 'Feb' },{xAxis: 'Mar' },{xAxis: 'Apr' },]}},]
};

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://xiahunao.cn/news/2978491.html

如若内容造成侵权/违法违规/事实不符,请联系瞎胡闹网进行投诉反馈,一经查实,立即删除!

相关文章

一文了解什么是私有化部署

在当今数据驱动的商业环境中,企业对于数据的处理和传输需求日益增长,这使得私有化部署成为了一种受到青睐的数据管理策略。私有化部署不仅能够提供更高的数据安全性和隐私保护,还能让企业根据自身需求定制解决方案,从而更有效地控…

你们项目日志是如何处理的???

ELK日志采集系统 1.什么是ELK ELK 是一套流行的数据搜索、分析和可视化解决方案,由三个开源项目组成,每个项目的首字母合起来形成了“ELK”这一术语: Elasticsearch (ES): Elasticsearch 是一个基于 Apache Lucene 构建的分布式、实时搜索与…

RAG开山之作:结合参数化与非参数化记忆的知识密集型NLP任务新解法

20年RAG刚提出时的论文:Retrieval-Augmented Generation for Knowledge-Intensive NLP Tasks,也算是RAG的开山之作之一了。 摘要:检索增强生成(RAG)方法结合了预训练语言模型与基于检索的非参数化记忆,通过…

布局香港之零售小店篇 | 香港一人小企与连锁超市的竞争

近年来,内地品牌入驻香港市场开拓业务已成大势所趋。香港特区政府早前公布的「2023年有香港境外母公司的驻港公司按年统计调查」显示,2023年母公司在海外及内地的驻港公司数量高达9039家。内地品牌在香港的成功落地,不仅为香港市民带来了丰富…

rosdep一键修复

External Player - 哔哩哔哩嵌入式外链播放器 rosdep失败原因 通常在执行rosdep init操作时就会报错,问题的核心在于rosdep会访问raw.githubusercontent.com这个网址下的资源,例如https://raw.githubusercontent.com/ros/rosdistro/master/rosdep/sour…

Leetcode 119 杨辉三角 II

目录 一、问题描述二、示例及约束三、代码方法一:递推方法二:线性递推 四、总结 一、问题描述 给定一个非负索引 rowIndex,返回「杨辉三角」的第 rowIndex 行。   在「杨辉三角」中,每个数是它左上方和右上方的数的和。   自我…

运行Java或Python的时候,Git是必要的吗?

在运行Java或Python代码时,Git并不是必需的,但它可以成为一个非常有用的工具,特别是在团队协作、版本控制和代码管理方面。 Git的作用和优势 版本控制: Git是一个分布式版本控制系统,可以跟踪文件的更改历史&#xff…

CodeGemma初探

什么是 CodeGemma CodeGemma是一系列强大而轻量级的模型的集合,可以执行各种编码任务,包括填充中间代码补全、代码生成、自然语言理解、数学推理和指令跟随。 版本: instruct:7B, 这个版本专门针对自然语言到代码聊天和指令跟随…

租房管理|基于SprinBoot+vue的租房管理系统(源码+数据库+文档)

租房管理目录 基于SprinBootvue的租房管理系统 一、前言 二、系统设计 三、系统功能设计 前台 后台 管理员 订单信息管理 屋主申诉管理 屋主权限 房源信息管理 订单信息管理 四、数据库设计 五、核心代码 六、论文参考 七、最新计算机毕设选题推荐 八、源码获…

阿里云mysql8.0 this is incompatible withsql mode=only full group by

阿里云RDS中mysql5.6升级为8.0后,出现如下问题: ### Error querying database. Cause:java.sql.SQLSyntaxErrorException: Expression #1 of SELECT listis not in GROUP BY clause and contains nonaggregatedcolumn temp.product_id which is not fun…

陪诊小程序开发:守护健康,温暖陪伴每一步

在繁忙的都市生活中,每个人都可能面临就医的困扰。面对陌生的医院环境、复杂的就诊流程,很多人感到无助和迷茫。陪诊小程序的开发,旨在通过科技与服务的融合,为用户带来更加贴心、便捷的陪诊体验,守护健康,…

编译支持播放H265的cef控件

接着在上次编译的基础上增加h265支持编译支持视频播放的cef控件(h264) 测试页面,直接使用cef_enhancement,里边带着的那个html即可,h265视频去这个网站下载elecard,我修改的这个版本参考了里边的修改方式,不过我的这个…

web前端学习笔记1

前端学习笔记 1. 走进HTML 1.1 什么是HTML 超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言。您可以使用 HTML 来建立自己的 WEB 站点,HTML 运行在浏览器上,由浏览器来解析。HTML文档的后缀名 .html.htm以上两种后缀名没有区别…

Mediasoup-demo 本地启动步骤(超详细)

Mediasoup-demo 本地启动步骤(超详细) 一.本人环境 系统:macos13.6.3 node: v16.20.2 npm:8.19.4 python: 3.9.6 二.下载代码 git 下载代码: git clone gitgithub.com:versatica/mediasoup-demo.git 三.代码介绍 下载下来…

第⑮讲:Ceph集群管理与监控操作指南

文章目录 1.查看集群的状态信息2.动态的查看集群的状态信息3.查看集群的利用率4.查看OSD的资源利用率5.查看OSD的列表6.查看各组件的状态7.查看集群的仲裁信息8.查看/修改集群组件sock的配置参数 1.查看集群的状态信息 通过集群状态信息可以看到集群的健康状态、各个组件的运行…

实时数仓选型

实时数仓选型 实时数仓选型第一版实时数仓选型第二版 实时数仓选型第一版 实时数仓分层: 计算框架:Flink;存储框架:消息队列(可以实时读取&可以实时写入)ODS:Kafka 使用场景:每过来一条数据,读取到并加工处理DIM: HBase 使用场景:事实表会根据主键获取一行维表数据(1.永…

【AI】如何让局域网PC能够访问langchain框架的AI服务

【背景】 在单位内部成功运行了langchain服务,但是发现本地可以用默认8000端口访问,但是局域网内其它机器却无法访问服务页面。 【分析】 首先查看项目文件夹中的server.py。由于这个server.py的存在,我一开始以为langchain整套框架的服务…

成都直播基地服务|企业入驻天府锋巢直播产业基地到底有什么优势?

天府锋巢直播产业基地,作为天府新区新兴的直播产业聚集地,吸引了众多企业的关注与入驻。那么,企业入驻天府锋巢直播产业基地到底有哪些优势呢?本文将从多个方面进行深入剖析。 一、基地链主无锋科技作为直播行业的领军企业&#x…

基于若依和flowable7.0.1的ruoyi-nbcio-plus流程管理系统正式发布

更多ruoyi-nbcio功能请看演示系统 gitee源代码地址 前后端代码: https://gitee.com/nbacheng/ruoyi-nbcio 演示地址:RuoYi-Nbcio后台管理系统 http://122.227.135.243:9666/ 更多nbcio-boot功能请看演示系统 gitee源代码地址 后端代码&#xff1a…

Day10-Java进阶-泛型数据结构(树)TreeSet 集合

1. 泛型 1.1 泛型介绍 package com.itheima.generics;import java.util.ArrayList; import java.util.Iterator;public class GenericsDemo1 {/*泛型介绍 : JDK5引入的, 可以在编译阶段约束操作的数据类型, 并进行检查注意 : 泛型默认的类型是Object, 且只能接引用数据类型泛型…