蓝狼的水平柱形图测试

Included page "theme:placeholder" does not exist (create it now)

CSS 可自定义柱状图测试

• 这事蘑菇 3.14%
  
• {$i2-name}
  
• 强势黄的
  
• 夜市绿的
  
• 你说的对，但是山魔王仪式的bgm是格里格写的《在山魔王的宫殿里》
  
• Protogen
  
• ‌
  
• {$i8-name}
  
• {$i9-name}
  
• {$i10-name}
  

注：这是我见过的最愚蠢的图表了

这个折叠块太不显眼了所以我给它起了个很长很长的名称和一个很炫酷的样式

第二幅图

• 强势红的 114514173%
  
• 强势橙色的
  
• 强势黄的
  
• 强势
  黄绿色的
  
• 强势绿的
  
• 强势青色的
  
• 强势
  深天蓝色的‌
  
• 强势蓝的
  
• uiui
  
• {$i10-name}
  

{$bottom-comment}

---

备忘：item-1 是主测试对象，item-2~10 都还没改。

改用属性选择器来判断输入是否有效。

重新调整传参位置，要把所有用户可自定义的参数全都改写成临时样式，不然一改改全局。

• 目前影响全局的：bar-height、item-spacing、item-names-width。

目前还没找到很好的溢出解决方案（参考折叠块里的）。（二更：似乎必须获得当前 span 的宽度，无法用纯 CSS 实现）
二更：把数字显示放在 :after 里？
三更：好像不行，要不还是留给用户手动调吧。

空的 span 不会显示：插入零宽空格。

配色问题。

---

未来计划：

自定义图像宽度（高度自适应）、背景色

自定义柱子最大长度

坐标轴、网格背景（可能不必要）

可选的副标题、上方注释、下方注释

自定义柱子右端文字

自定义柱子上的文字（:before）

样式优化（照搬图片框/A4 纸，或者可能请🍄设计）

数据 > 100% 时默认显示成“断开”的柱子：用 after 在柱子上叠一个白色的裂缝图片。（二更：那用户要改背景色的话可能就不太方便了）

可选的“让柱子右端数值显示在柱子内部”：如果柱子够长，那么让数字显示在柱子内侧的右端；否则还是显示在柱子外侧的右端。（自适应效果可能较差，似乎必须获得当前 span 的宽度，可能放弃）

---

最近有点忙，先咕了（