echarts设置x轴中文垂直显示,x轴滚动条

echarts官网配置,主要配置dataZoom

option = {xAxis: {type: 'category',data: ['张三','李四','王五','赵六','孙七','周八','吴九','郑十','钱十一','陈十二','刘十三','杨十四','黄十五','何十六','宋十七'],axisLabel: {formatter: function (value) {return value.split('').join('\n'); // 使用换行符实现垂直排列},interval: 0,margin: 30}},yAxis: [{type: 'value',name: '客户数(人)',position: 'left',alignTicks: true, // 对齐刻度线axisLine: { show: true }// axisLabel: {formatter: '{value} 单位1'}},{type: 'value',name: '承接率',position: 'right',alignTicks: true, // 对齐刻度线axisLine: { show: true },min: 0,max: 100,axisLabel: { formatter: '{value}%' }}],series: [{data: [12, 7, 19, 3, 10, 1, 18, 14, 0, 9, 5, 16, 20, 4, 11],type: 'bar',itemStyle: {color: '#03D7FF' // 设置数据1的颜色}},{data: [6, 4, 12, 3, 8, 1, 15, 14, 0, 7, 5, 12, 15, 4, 8],type: 'bar',itemStyle: {color: '#006BFF' // 设置数据1的颜色}},{data: [50, 52, 95, 64, 21, 100, 83, 100, 0, 78, 100, 75, 75, 100, 73],type: 'line',yAxisIndex: 1,itemStyle: {color: '#ffd230'}}],dataZoom: [{type: 'slider', // 滑动条类型start: 0, // 数据窗口范围的起始百分比end: 50, // 数据窗口范围的结束百分比show: true,zoomLock: true,backgroundColor: '#edf0fa',handleIcon: 'circle',handleSize: 8,handleStyle: {color: '#c5ccde',borderWidth: 0},showDetail: false,showDataShadow: false,borderRadius: 15,bottom: 50,height: 8,brushSelect: false,fillerColor: '#c5ccde',filterMode: 'empty'}]
};

运行效果图:在这里插入图片描述

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

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

相关文章

超全!一文详解大型语言模型的11种微调方法

导读:大型预训练模型是一种在大规模语料库上预先训练的深度学习模型,它们可以通过在大量无标注数据上进行训练来学习通用语言表示,并在各种下游任务中进行微调和迁移。随着模型参数规模的扩大,微调和推理阶段的资源消耗也在增加。…

pdf内容三张以上转图片,使用spire.pdf.free

一、依赖 <spire.pdf.free.version>9.13.0</spire.pdf.free.version><itextpdf.version>5.5.13</itextpdf.version><dependency><groupId>e-iceblue</groupId><artifactId>spire.pdf.free</artifactId><version>$…

下载并安装 WordPress 中文版

下载并安装 WordPress 中文版 1. 安装 LAMP 环境(Linux, Apache, MySQL, PHP)1. 安装 Apache2. 安装 MySQL3. 安装 PHP1. 下载并安装 WordPress 中文版1. 下载 WordPress2. 配置文件权限3 . 创建 MySQL 数据库4 . 配置 WordPress1. 安装 LAMP 环境(Linux, Apache, MySQL, PH…

Android Studio简易项目|随机选择器(类似转盘)

一、背景 为了强化对flowlayout流式布局的理解和简易安卓项目架构结构的理解&#xff0c;写一个小项目&#xff0c;随机选择器&#xff0c;控制可见等 二、项目代码 2.1流式布局 <?xml version"1.0" encoding"utf-8"?> <LinearLayout xmlns…

爬虫实战(黑马论坛)

1.定位爬取位置内容&#xff1a; # -*- coding: utf-8 -*- import requests import time import re# 请求的 URL 和头信息 url https://bbs.itheima.com/forum-425-1.html headers {user-agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like…

【存储设备专栏 2.3 -- 环回设备和块设备区别与联系】

> 请阅读【嵌入式及芯片开发学必备专栏】< 文章目录 环回设备和块设备区环回设备&#xff08;Loop Device&#xff09;定义用途示例 块设备&#xff08;Block Device&#xff09;定义用途示例 区别总结 环回设备和块设备区 在 Linux 系统中&#xff0c;存储设备常通过设…

基于Java实现(PC)大学班级事务管理系统

courseDesign_Java Java 课设 要求 本次设计要求利用 Java 实现 C/S 模式的大学班级内日常事务管理系统&#xff08;PC 版&#xff0c;应用于校内网有线网络访问&#xff0c;暂不开发移动端&#xff09;&#xff0c;不得依赖现有的建模框架&#xff0c;使用 swings 技术完成如…

华为OD机试 - 爱吃蟠桃的孙悟空 - 二分查找(Python/JS/C/C++ 2024 E卷 100分)

华为OD机试 2024E卷题库疯狂收录中&#xff0c;刷题点这里 专栏导读 本专栏收录于《华为OD机试真题&#xff08;Python/JS/C/C&#xff09;》。 刷的越多&#xff0c;抽中的概率越大&#xff0c;私信哪吒&#xff0c;备注华为OD&#xff0c;加入华为OD刷题交流群&#xff0c;…

决策树和集成学习的概念以及部分推导

一、决策树 1、概述 决策树是一种树形结构&#xff0c;树中每个内部节点表示一个特征上的判断&#xff0c;每个分支代表一个判断结果的输出&#xff0c;每个叶子节点代表一种分类结果 决策树的建立过程&#xff1a; 特征选择&#xff1a;选择有较强分类能力的特征决策树生成…

闯关leetcode——110. Balanced Binary Tree

大纲 题目地址内容 解题代码地址 题目 地址 https://leetcode.com/problems/balanced-binary-tree/description/ 内容 Given a binary tree, determine if it is height-balanced. A height-balanced binary tree is a binary tree in which the depth of the two subtrees…

决策树算法新手入门:从基础理论到Python实现

决策树新手入门详细教程 一、数学基础1. 信息熵(1) 基本定义(2) 条件熵(3) 有关定律 2. 信息增益 二、决策树的组成1. 决策节点2. 叶子节点3. 决策树的深度 三、决策树的建立&#xff08;基于信息增益&#xff09;—— ID31. 计算根节点的信息熵2. 计算属性的信息增益(1) 职业(…

linux之rm使用技巧

对于包含乱码的文件或目录名&#xff0c;在Linux中删除它们可能会有些棘手&#xff0c;但还是可以通过一些方法来实现。下面是一些处理这种情况的方法&#xff1a; 方法1: 使用通配符 如果这些乱码文件或目录的名字有共同的特征&#xff08;例如都是乱码&#xff09;&#xf…

ModuleNotFoundError: No module named ‘pdfminer.high_level‘

解决办法&#xff1a; pip uninstall pdfminer pip install pdfminer.six 如果还报错&#xff1a;重启计算机 参考资料&#xff1a;https://blog.csdn.net/xigewang_/article/details/132319419

【升华】python基础包NumPy学习

NumPy是使用Python进行科学计算的基础软件包。除其他外&#xff0c;它包括&#xff1a; 功能强大的N维数组对象。精密广播功能函数。集成 C/C和Fortran 代码的工具。强大的线性代数、傅立叶变换和随机数功能。 # 1、安装包 $ pip install numpy# 2、进入python的交互式界面 $…

策略模式-实现方式三

一 枚举类 Getter public enum AuthTypeEnum {QCT_PASSWORD("qct_password", "密码"),MOBILE("mobile", "验证码");public final String code;public final String desc;AuthTypeEnum(String code, String desc) {this.code code;th…

蓄电池在线监测:保障电力安全的智能之选---安科瑞 吴雅芳

一、蓄电池在线监测的重要性 随着科技的飞速发展&#xff0c;蓄电池在各个领域的应用日益广泛&#xff0c;从通信、电力到金融、医疗等行业&#xff0c;蓄电池都扮演着至关重要的角色。然而&#xff0c;蓄电池在使用过程中也面临着诸多问题。 蓄电池老化可能导致鼓胀、短路、漏…

React 子组件调用父组件的方法,以及互相传递数据

<script type"text/babel" data-type"module"> import React, { StrictMode, useState } from react; import { createRoot } from react-dom/client;const ParentComponent () > {const [message, setMessage] useState("")//父组件…

【火山引擎】 Chat实践 | 大模型调用实践 | python

目录 一 前期工作 二 Doubao-pro-4k_test实践 一 前期工作 1 已在火山方舟控制台在线推理页面创建了推理接入点 ,接入大语言模型并获取接入点 ID。 2 已参考安装与初始化中的步骤完成 SDK 安装和访问凭证配置

基于SSM的个性化商铺系统【附源码】

基于SSM的个性化商铺系统 效果如下&#xff1a; 用户登录界面 app首页界面 商品信息界面 店铺信息界面 用户功能界面 我的订单界面 后台登录界面 管理员功能界面 用户管理界面 商家管理界面 店铺信息管理界面 商家功能界面 个人中心界面 研究背景 研究背景 科学技术日新月异…

Java设计模式六大原则

Java设计模式的六大原则是面向对象设计中的基本准则&#xff0c;帮助开发人员构建更灵活、可维护和可扩展的系统。这些原则包括单一职责原则&#xff08;SRP&#xff09;、开闭原则&#xff08;OCP&#xff09;、里氏替换原则&#xff08;LSP&#xff09;、依赖倒置原则&#x…