前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >专栏 >x轴换行

x轴换行

作者头像
用户4344670
发布于 2020-06-19 09:05:33
发布于 2020-06-19 09:05:33
1.9K00
代码可运行
举报
文章被收录于专栏:vue的实战vue的实战
运行总次数:0
代码可运行

换行.png

//格式化图表横坐标文字 let textFormatter = function(e) { let arr = e.split(",");/// 将字符串转数组 let str = arr[0] + "\n" + arr[1]; return str; };

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
//图表文字格式化
let textFormatter = function(e) {
  let newStr = " ";
  let start, end;
  let name_len = [图片上传失败...(image-236576-1592379384926)]

e.name.length; //每个内容名称的长度
  let max_name = 6; //每行最多显示的字数
  let new_row = Math.ceil(name_len / max_name); // 最多能显示几行,向上取整比如2.1就是3行
  if (name_len > max_name) {
    //如果长度大于每行最多显示的字数
    for (let i = 0; i < new_row; i++) {
      //循环次数就是行数
      let old = ""; //每次截取的字符
      start = i * max_name; //截取的起点
      end = start + max_name; //截取的终点
      if (i == new_row - 1) {
        //最后一行就不换行了
        old = [图片上传失败...(image-2bd6fd-1592379384926)]

e.name.substring(start);
      } else {
        old = [图片上传失败...(image-699162-1592379384926)]

e.name.substring(start, end) + "\n";
      }
      newStr += old; //拼接字符串
    }
  } else {
    //如果小于每行最多显示的字数就返回原来的字符串
    newStr = [图片上传失败...(image-c78a08-1592379384926)]

e.name;
  }
  return newStr;
};
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
Java移位运算符
移位运算符就是在二进制的基础上对数字进行平移。按照平移的方向和填充数字的规则分为三种:<<(左移)、>>(带符号右移)和>>>(无符号右移)。   在移位运算时,byte、short和char类型移位后的结果会变成int类型,对于byte、short、char和int进行移位时,规定实际移动的次数是移动次数和32的余数,也就是移位33次和移位1次得到的结果相同。移动long型的数值时,规定实际移动的次数是移动次数和64的余数,也就是移动66次和移动2次得到的结果相同。 三种移位运算符的移动规则和使用如下所示: <<运算规则:按二进制形式把所有的数字向左移动对应的位数,高位移出(舍弃),低位的空位补零。 语法格式:   需要移位的数字 << 移位的次数   例如: 3 << 2,则是将数字3左移2位 计算过程:   3 << 2   首先把3转换为二进制数字0000 0000 0000 0000 0000 0000 0000 0011,然后把该数字高位(左侧)的两个零移出,其他的数字都朝左平移2位,最后在低位(右侧)的两个空位补零。则得到的最终结果是0000 0000 0000 0000 0000 0000 0000 1100,则转换为十进制是12.数学意义:   在数字没有溢出的前提下,对于正数和负数,左移一位都相当于乘以2的1次方,左移n位就相当于乘以2的n次方。 >>运算规则:按二进制形式把所有的数字向右移动对应巍峨位数,低位移出(舍弃),高位的空位补符号位,即正数补零,负数补1. 语法格式:   需要移位的数字 >> 移位的次数   例如11 >> 2,则是将数字11右移2位 计算过程:11的二进制形式为:0000 0000 0000 0000 0000 0000 0000 1011,然后把低位的最后两个数字移出,因为该数字是正数,所以在高位补零。则得到的最终结果是0000 0000 0000 0000 0000 0000 0000 0010.转换为十进制是3.数学意义:右移一位相当于除2,右移n位相当于除以2的n次方。 >>>运算规则:按二进制形式把所有的数字向右移动对应巍峨位数,低位移出(舍弃),高位的空位补零。对于正数来说和带符号右移相同,对于负数来说不同。   其他结构和>>相似。   小结   二进制运算符,包括位运算符和移位运算符,使程序员可以在二进制基础上操作数字,可以更有效的进行运算,并且可以以二进制的形式存储和转换数据,是实现网络协议解析以及加密等算法的基础。 实例操作:   public class URShift {   public static void main(String[] args) {   int i = -1;   i >>>= 10;   //System.out.println(i);   mTest();   }   public static void mTest(){   //左移   int i = 12; //二进制为:0000000000000000000000000001100   i <<= 2; //i左移2位,把高位的两位数字(左侧开始)抛弃,低位的空位补0,二进制码就为0000000000000000000000000110000   System.out.println(i); //二进制110000值为48;   System.out.println("<br>");   //右移   i >>=2; //i右移2为,把低位的两个数字(右侧开始)抛弃,高位整数补0,负数补1,二进制码就为0000000000000000000000000001100   System.out.println(i); //二进制码为1100值为12   System.out.println("<br>");   //右移example   int j = 11;//二进制码为00000000000000000000000000001011   j >>= 2; //右移两位,抛弃最后两位,整数补0,二进制码为:00000000000000000000000000000010   System.out.println(j); //二进制码为10值为2   System.out.println("<br>");   byte k = -2; //转为int,二进制码为:0000000000000000000000000000010   k >>= 2; //右移2位,抛弃最后2位,负数补1,二进制吗为:11000000000000000000000000000   System.out.println(j); //二进制吗为11值为2   }   }   在Thinking in Java第三章中的一段话:   移位运算符面向的运算对象也是   二进制
大道七哥
2019/09/10
1.5K0
Java移位运算符 << >> >>>
首先,移位运算符根据名字可知是使用二进制进行运算的。在Integer.java中,我们可以看到有两个静态常量,MIN_VALUE 和 MAX_VALUE,这两个常量控制了Integer的最小值和最大值,如下:
Johnson木木
2019/10/24
6260
Java 中的移位运算符(Shift Operator)
针对移位(Shift Operator)操作符是最基本的操作符之一,几乎每种编程语言都包含这一操作符。
HoneyMoose
2023/09/04
1.6K0
Java 中的移位运算符(Shift Operator)
Java编程(位运算符)
二进制运算符   由于计算机内部的数据都以二进制的形式存在,所以在Java语言中提供了直接操作二进制的运算符,这就是下面要讲解的位运算符和移位运算符。   使用二进制的运算符,可以直接在二进制的基础上对数字进行操作,执行的效率比一般的数学运算符高的多,该类运算符大量适用于网络编程、硬件编程等领域。   二进制运算符在数学上的意义比较有限。   在Java代码中,直接书写和输出的数值默认是十进制,Java代码中无法直接书写二进制数值,但是可以书写八进制和十六进制数字,八进制以数字0开头,例如016,十六进制以
cloudskyme
2018/03/20
1.3K0
【Java探索之旅】运算符解密 位运算,移位运算
java 中数据存储的最小单位是字节,而数据操作的最小单位是比特位. 字节是最小的存储单位,每个字节是由8个二进制比特位组成的,多个字节组合在一起可以表示各种不同的数据。
屿小夏
2024/03/18
1600
【Java探索之旅】运算符解密 位运算,移位运算
C++20 中位移位运算符的统一行为:深入解析与实践指南
在 C++ 的发展历程中,位移位运算符(<< 和 >>)一直是语言的核心特性之一,广泛应用于性能优化、底层硬件操作和数据压缩等领域。然而,在 C++20 之前,这些运算符的行为在某些情况下存在不确定性,尤其是涉及负数移位或移位数量超出操作数位宽时。C++20 对位移位运算符的行为进行了统一和规范,解决了这些问题,使得代码更加可移植和安全。
码事漫谈
2025/03/04
800
C++20 中位移位运算符的统一行为:深入解析与实践指南
C++移位运算符
The behavior is undefined if the right operand is negative, orgreater than or equal to the length in bits of the promoted left operand.
全栈程序员站长
2022/07/15
7190
c语言中的移位运算符能用于浮点型吗_c语言移位运算符与运算用法
移位运算符在程序设计中,是位操作运算符的一种。移位运算符可以在二进制的基础上对数字进行平移。 c语言中提供了两种移位运算符: 左移运算符:<< 右移运算符:>>
全栈程序员站长
2022/11/01
1.5K0
c语言中的移位运算符能用于浮点型吗_c语言移位运算符与运算用法
什么是移位运算
移位运算符在程序设计中,是位操作运算符的一种。移位运算符可以在二进制的基础上对数字进行平移。按照平移的方向和填充数字的规则分为三种:<<(左移)、>>(带符号右移)和>>>(无符号右移)。
李昂君
2021/12/24
1.9K0
什么是移位运算
C 语言中负数移位运算讲解
C 语言中负数移位运算讲解 “<<”、“>>”为移位运算符。 “<<”为左移位运算符,即数据字节中的每个二进制位同时 向左移位。如“x<<n”表示 x 中的每个二进制位同时向左移动 n 位。 “>>”为右移位运算 符,即数据字节中的每个二进制位同时向右移位。如“x>>n”表示 x 中的每个二进制位同时 向右移动 n 位。 下图演示了一个 2 字节变量左移 3 位的过程: 十进制数-555 的二进制表: 1 0 0 0 0 0 1 0 0 0 1 0 1 0 1 1 先转换成二进制补码表: 1 1 1 1 1 1 0 1 1 1 0 1 0 1 0 0 最左端位保持不变 补码加“1”后状态 再将补码加“1”: 1 1 1 1 1 1 0 1 1 1 0 1 0 1 0 1 下一步向左移 3 位: 1 1 1 0 1 1 1 0 1 0 1 0 1 0 0 0 左端“离开”3 位丢弃 右端“移入”3 位用“0”补齐 最左端一位保持不变 再转换成二进制补码表: 1 0 0 1 0 0 0 1 0 1 0 1 0 1 1 1 补码再加“1”: 到此步结束。 1 0 0 1 0 0 0 1 0 1 0 1 1 0 0 0 补码加“1”后状态 结果转换成十进制数为“- 4440”。 总结:负数左移时,任何情况下“移入”位将用“0”补齐。 “>>”右移位运算可分为两种情况:一种是移入“0”的叫逻辑右移;一种是移入“1”的叫 算术右移。 负数右移用到的是算术右移。 下图演示了一个 2 字节变量右移 3 位的过程: 十进制数-555 的二进制表: 1 0 0 0 0 0 1 0 0 0 1 0 1 0 1 1 先转换成二进制补码表: 1 1 1 1 1 1 0 1 1 1 0 1 0 1 0 0 最左端位保持不变 补码加“1”后状态 再将补码加“1”: 1 1 1 1 1 1 0 1 1 1 0 1 0 1 0 1 下一步向右移 3 位: 1 1 1 1 1 1 1 1 1 0 1 1 1 0 1 0 左端“移入”3 位用“1”补齐 右端“离开”3 位丢弃 最左端一位保持不变 再转换成二进制补码表: 1 0 0 0 0 0 0 0 0 1 0 0 0 1 0 1 补码再加“1”: 到此步结束。 1 0 0 0 0 0 0 0 0 1 0 0 0 1 1 0 补码加“1”后状态 结果转换成十进制数为“- 70”。 总结:负数右移时,任何情况下“移入”位将用“1”补齐。 注:二进制表最左端的二进制位表示符号位,“+”用“0”表示,“-”用“1”表示。
全栈程序员站长
2022/09/14
2.6K0
【面试题精讲】Java移位运算符
在 Java 中,移位运算符用于对二进制数进行位移操作。它们可以将一个数的所有位向左或向右移动指定的位数。
程序员朱永胜
2023/09/28
4650
javascript 中的位运算符
位与(&)、位或(|)、位异或(^)、非位(~) 左移(<<)、右移(>>)、无符号右移(>>>) &(位与) “&”运算符(位与)用于对两个二进制操作数,逐位取与 第一个数的位值 第二个数的位值 运算结果 1 1 1 1 0 0 0 1 0 0 0 0 |(位或) “|”运算符(位或)用于对两个二进制操作数,逐位取或 第一个数的位值 第二个数的位值 运算结果 1 1 1 1 0 1 0 1 1 0 0 0 ^(位异或) “^”运算符(位异或)用于对两个二进制操作数,逐位取异或 位数据相同得 0,不同得
前端小书童
2020/09/24
9500
Java的位运算符详解实例。
位运算符主要针对二进制,它包括了:“与”、“非”、“或”、“异或”。从表面上看似乎有点像逻辑运算符,但逻辑运算符是针对两个关系运算符来进行逻辑运算,而位运算符主要针对两个二进制数的位进行逻辑运算。下面详细介绍每个位运算符。
7537367
2020/08/14
6460
C# 移位运算符
int result1= 66 << 1;//正数的左移位运算规则,左移一位乘以2,右移移位除以2 左移两位乘以4,三位乘以8,4位乘以16,右移则相反; int result2 = -66<< 1; //负数的移位运算在最高位补1;运算规则和正数一样 Console.WriteLine("正数移位"+result1+"............"+"负数移位"+result2); 当声明重载C#移位运算符时,第一个操作数的类型必须总是
郑小超.
2018/01/24
9710
JS位移运算符(<<、>>、>>>)
移位运算符是C++中常用的算术表达式 但是在前端和硬件通过蓝牙通信时我们也会经常用到 移位运算符在程序设计中,是位操作运算符的一种。 移位运算符可以在二进制的基础上对数字进行平移。 按照平移的方向和填充数字的规则分为三种:
我只会写Bug啊
2023/12/25
6690
位运算符&移位运算符
按位操作符用来操作整数基本数据类型中的单个比特(bit),就是二进制,按位操作符会对两个参数中对应的位(bit)执行布尔运算,最终生成一个结果。下面我们来看一下都有哪些位运算符。
roobtyan
2019/02/21
1.8K0
位运算符&移位运算符
深入理解C#位运算:掌握位运算符的妙用
C#位运算是一种强大的工具,可以在处理二进制数据和位操作时发挥重要作用。通过使用位运算符,我们可以对整数进行位级别的操作,如位与、位或、位异或和位取反等。位运算可以用于优化性能、压缩数据、实现位掩码和位标志等。了解和掌握C#位运算的基本原理和常见应用场景,将使我们能够更高效地处理二进制数据,并在某些情况下提高代码的性能和可读性。通过深入理解C#位运算,我们可以在编程中发挥更大的创造力和灵活性。
沙漠尽头的狼
2023/11/07
8640
深入理解C#位运算:掌握位运算符的妙用
Java中的位运算符
大家在接触运算符的时候通常都已经学完了变量的使用,对于算术以及赋值运算的感觉就是So easy!这不就是小学的知识嘛,对于逻辑运算符的部分依然无压力,这不就是中学的知识嘛?但是突然出现了一个位运算符,啥是移位?啥是异或?接下来就先从简单的开始。说起位运算符,其实就是基于数据存储的二进制位进行的运算,更底层,所以效率更高。另外一个需要注意的问题就是:由于小数在进行存储的时候采用的是IEEE(符号、指数、尾数)方式,并不止对整数和小数部分直接转换为二进制来存储的,所以小数是不能使用位运算符来操作的。对于整数和字符型的运算符操作也有一些潜在的法则,相信看完这篇文章你很容易就会掌握。
一头小山猪
2020/04/10
7030
位运算符
从现代计算机中所有的数据二进制的形式存储在设备中。即 0、1 两种状态,计算机对二进制数据进行的运算(+、-、*、/)都是叫位运算,即将符号位共同参与运算的运算。
HLee
2021/04/30
1.2K0
位运算符
【修正】深入理解C#位运算:掌握位运算符的妙用
C#位运算是一种强大的工具,可以在处理二进制数据和位操作时发挥重要作用。通过使用位运算符,我们可以对整数进行位级别的操作,如位与、位或、位异或和位取反等。位运算可以用于优化性能、压缩数据、实现位掩码和位标志等。了解和掌握C#位运算的基本原理和常见应用场景,将使我们能够更高效地处理二进制数据,并在某些情况下提高代码的性能和可读性。通过深入理解C#位运算,我们可以在编程中发挥更大的创造力和灵活性。
沙漠尽头的狼
2023/11/13
4530
【修正】深入理解C#位运算:掌握位运算符的妙用
相关推荐
Java移位运算符
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
本文部分代码块支持一键运行,欢迎体验
本文部分代码块支持一键运行,欢迎体验