echarts 实现x轴文字过长时折行展示

代码如下:

this.options = {color: ["#0075FF", "#00E2C4", "#FCA884", "#FFCB11"],grid: {top: "25%",bottom: "6%",right: "8%",left: "8%",containLabel: true,},legend: {top: "2%",textStyle: {color: "#FFFFFF99",fontSize: "12",},itemWidth: 12,itemHeight: 8,itemGap: 13,right: "6%",data: this.legendData,},xAxis: [{type: "category",data: this.xAxisData,axisLabel: {show: true,margin: 14,fontSize: 12,width: 45,interval: 0,overflow:"breakAll",textStyle: {color: "#ffffffcc"}},axisLine: {show: true,lineStyle: {color: "#355d8d",},},axisTick: {show: false,},},],yAxis: [{type: "value",name: "单位:个",nameTextStyle: {fontSize: this.handleWidth(12),color: "#FFFFFF99",padding: [0, 5, 10, 0]},axisLine: {onZero: false,lineStyle: {color: "#87C2FF",width: 1, //这里是为了突出显示加上的},},axisLabel: {formatter: function (val) {return val + "";},show: true,margin: 8,fontSize: 12,textStyle: {color: "#FFFFFF99", //字体颜色},},splitLine: {show: true,lineStyle: {color: "#87C2FF66",width: 0.7,type: "dashed",},},},],series: [{type: "bar",name: this.legendData[0],barWidth: 7,barGap: 0.3,data: this.echartData.twoMachines},{type: "bar",name: this.legendData[1],barWidth: 7,barGap: 0.3,data: this.echartData.fourMachines},{type: "bar",name: this.legendData[2],barWidth: 7,barGap: 0.3,data: this.echartData.eightMachines},{type: "bar",name: this.legendData[3],barWidth: 7,barGap: 0.3,data: this.echartData.sixteenMachines}]
};

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

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

vscode怎么运行C++的cpp文件

非常简单,点击vscode导航栏的Extensions, 搜索C/C Compile Run安装上即可, 写好 C/C 程序之后,直接使用 F6 一键编译运行就能出结果。

robots.txt 文件规则

robots.txt 是一种用于网站根目录的文本文件,其主要目的在于指示网络爬虫(web crawlers)和其他网页机器人(bots)哪些页面可以抓取,以及哪些页面不应该被抓取。可以看作是网站和搜索引擎机器人之间的一个协议…

实验室预约|实验室预约小程序|基于微信小程序的实验室预约管理系统设计与实现(源码+数据库+文档)

实验室预约小程序目录 目录 基于微信小程序的实验室预约管理系统设计与实现 一、前言 二、系统功能设计 三、系统实现 1、微信小程序前台 2、管理员后台 (1)管理员登录 (2)实验室管理 (3)公告信息…

【数据分享】2014-2024年全国监测站点的逐年空气质量数据(15个指标\免费获取)

空气质量的好坏反映了空气的污染程度,在各项涉及城市环境的研究中,空气质量都是一个十分重要的指标。空气质量是依据空气中污染物浓度的高低来判断的。 我们发现学者王晓磊在自己的主页里面分享了2014年5月以来的全国范围的到站点的逐时空气质量数据&am…

PBM模型学习

本专栏着重讲解PBM学习所得,学习笔记、心得,并附有视频素材资料,视频详细目录如下: PBM相关参数解释1 PBM相关参数解释2 PBM相关案例实践1 PBM相关案例实践2 PBM相关案例实践2 PBM相关案例实践3 PBM多相流中次相界面设置1 PBM多相…

ERC404 + meme 文化叙事,Dancing Beans 会达到怎样的高度?

在十年以前,一个叫做《wow!you can really dance》的鬼畜舞蹈视频,在互联网上刮起了一股 meme 浪潮,很多玩家将视频中跳舞的男主角的跳舞片段二次加工,进一步鬼畜化、做成表情包,并在各个社交平台疯传。与此…

SpringMVC 学习(二)之第一个 SpringMVC 案例

目录 1 通过 Maven 创建一个 JavaWeb 工程 2 配置 web.xml 文件 3 创建 SpringMVC 配置文件 spring-mvc.xml 4 创建控制器 HelloController 5 创建视图 index.jsp 和 success.jsp 6 运行过程 7 参考文档 1 通过 Maven 创建一个 JavaWeb 工程 可以参考以下博文&#x…

Linux命令之ls命令

ls命令 ls命令的作用是列出目录下的内容,语法如下: ls [ -a -l -h ] [ Linux路径 ] 1、 -a -l -h 是可选的选项。 2、Linux路径是此命令可选的参数。 当不使用选项和参数,直接使用 ls 命令本体,表示:以平…

华为OD机试真题-分割均衡字符串-2023年OD统一考试(C卷)---Python3--开源

题目: 考察内容: list.count(str) forif 代码: """ 题目分析: 子串数量尽可能多 连续子串,且x和y个数一致输入: 字符串, XY 任意个数组合 输出: 连续字串且字串要均衡&#x…

125. 验证回文串(Java)

如果在将所有大写字符转换为小写字符、并移除所有非字母数字字符之后,短语正着读和反着读都一样。则可以认为该短语是一个 回文串 。 字母和数字都属于字母数字字符。 给你一个字符串 s,如果它是 回文串 ,返回 true ;否则&#…

Hackme 1

信息收集 Nmap部分 存活扫描: └─# nmap -sn 192.168.10.1/24 Starting Nmap 7.94SVN ( https://nmap.org ) at 2024-02-20 15:00 CST Nmap scan report for 192.168.10.1 (192.168.10.1) Host is up (0.00012s latency). MAC Address: 00:50:56:C0:00:08 (VMwar…

C#,大规模图(Large Graph)的均匀成本搜索之迪杰斯特拉(Dijkstra)算法与源代码

1 均匀成本搜索 均匀成本搜索是迪杰斯特拉算法的变体。这里,我们不是将所有顶点插入到一个优先级队列中,而是只插入源,然后在需要时一个接一个地插入。在每一步中,我们检查项目是否已经在优先级队列中(使用访问数组)。如果是&…

MATLAB中的稀疏矩阵和密集矩阵

在MATLAB中,矩阵可以表示为密集或稀疏格式。通常,矩阵默认以密集格式存储,这意味着每个元素都明确地存储在内存中,无论它的值是多少。然而,当矩阵含有大量的零元素时,这种存储方式就会变得非常低效。为了更…

Java JDK 下载和配置

Java JDK 下载 下载网址:https://www.oracle.com/java/technologies/javase/jdk21-archive-downloads.html jdk文件夹的目录介绍 bin: 主要存放的是Java的编译器、解析器等工具。 jre:Java runtime environment, Java 运行时环境。 jre/bin:Java平台…

学会如何打印菱形

打印菱形 题目描述:解法思路:解法代码运行结果: 题目描述: 输入⼀个整数n,打印对应2*n-1行的菱形图案,比如,输入7,输出如下图案,图案总共13行 解法思路: …

如何实现一个规则研究区域内数据的提取(matlab)

在利用经验正交分解(EOF)进行某一个研究区域分析时,我们需要将研究区域转换成N*M的矩阵,其中N为空间维度,M为时间维度,这意味着我们之前的数据加上时间维度是三维的,即(lon,lat,rg&a…

Translumo:基于.NET开发的开源的屏幕实时翻译工具

推荐一个高级实时屏幕翻译器,可用于游戏、视频实时翻译。 01 项目简介 Translumo是基于.Net开发的、开源屏幕翻译器软件,它可以实时检测并翻译屏幕上所选区域中出现的文本,如视频的字幕和图片中的文字等。 项目架构如下: 02 项…

【java面试系列】服务的限流

目录 一、常用的限流算法1.固定窗口计数器(计数器算法)2 滑动窗口计数器算法3. 漏桶算法4 令牌桶算法(`常用`)Google开源项目Guava中的RateLimiter使用的就是令牌桶控制算法二、 分布式限流1、网关层(Nginx、Openresty、Spring Cloud Gateway等)流量限制nginx限流Spring Cl…

【MySQL初阶】索引与事务

1. 索引 1.1 索引基本概念 1.1.1 索引介绍 索引(index):是一种特殊的文件,包含着对数据表里所有记录的引用指针。可以对表中的一列或者多列创建索引,并指定索引的类型,各类索引有各自的数据结构实现。(具体细节在My…

OpenCV笔记4:级联分类器实现嘴部检测

OpenCV 嘴部检测 """ 嘴部区域检测 1. 静态图像检测嘴部区域创建分类器加载特征文件检测图像绘制嘴部区域显示 2. 切换为摄像头 """ import cv2 import numpy as npclass FaceDetect:def __init__(self):# 级联分类器# 创建级联分类器&#xf…