单元格 html 技巧:档案夹竖行,竖排,纵向文字怎么做

 

[需求]
imagepng
类似这样的脊背报表, 需要中间字体中文纵向展示数字符号 -90 度展示.
做法
需要用最新版, 最新版中增加了对大部分 HTML 的支持 (如遇不支持的联系 QQ 服务号 800025723 进行反馈), 右键单元格–数据类型–HTML, 要做成上图所示的 HTML 写法如下

"<style>
.vertical-text {
  writing-mode: vertical-rl;
  transform: rotate(0deg);
  font-family: SimSun;
  font-size: 16px;
  width: 50px;
  line-height: 18px;
  white-space: normal;
  text-align: left; /* 控制文字左对齐(在垂直排列中相当于上对齐)*/
  height: 100%; /* 控制容器高度 */
  word-break: normal; /* 使用默认的CJK换行规则 */
  overflow-wrap: anywhere; /* 允许在任何地方换行 */
  text-align: left;
  display: flex;
  justify-content: center; /* 水平居中 */
  margin: 0 auto; /* 容器本身居中 */
}
</style> 
<div class='vertical-text' width='100%' height='100%'>"+数据集.字段+"</div>"

HTML 可以直接展示, 打印需要按照第三方图形 - 导出与打印配置服务器端
注: 打印的配置是在服务器端, 需要用火狐对应的版本, 这个火狐不是用来展示报表的安装之后配置环境变量不要打开运行以防自动更新. 服务器上需要有图形环境 (桌面).

示例表下载