摘要

使用mermaid绘制饼图,非常简单,语法如下

语法

  • 关键词pie开头
  • 紧跟着关键词 title和标题内容
  • 接下来是键值对描述的数据集,键是双引号括起来的字符串,值为正的数值

eg.
[pie] [title] [titlevalue] (OPTIONAL) “[datakey1]” : [dataValue1] “[datakey2]” : [dataValue2] “[datakey3]” : [dataValue3] . .

示例

pietitle 销售图"苹果" : 100"橘子" : 200.4"香蕉" : 50

奈何csdn不支持,故用vscode画的,贴到这里。

mermaid 饼图使用指南相关推荐

  1. mermaid flowchart使用指南

    flowchart of mermaid 摘要 节点(node) 定义一个节点 改变节点的形状 边(link) 用一条边将两个节点连起来 没箭头的边 虚线边 加粗的边 加长的边 改变箭头 带文字的边 ...

  2. mermaid sequenceDiagram使用指南

    mermaid sequenceDiagram 摘要 元素 Participants Actor Alias Message Activation Notes 逻辑 Loop Parallel Alt ...

  3. mermaid制作饼图

    代码如下: pietitle 数学成绩饼图"90分以上" : 15"80-90分" : 21"70-80分" : 12"60-70 ...

  4. Typora Mermaid 使用指南

    暂存参考链接,后续整理. 官方文档 [mermaid]01 typora中使用流程图 typora画图演示-mermaid mermaid工具 Typora Mermaid 流程图 typora画流程 ...

  5. mermaid画饼图

      代码如下: pietitle 喜欢的饮料"咖啡" : 40"茶" : 30"可可" : 20"其他" : 20 效果 ...

  6. 《术以载道——软件过程改进实践指南》—第1章1.1节对CMMI的基本认识

    本节书摘来自异步社区<术以载道--软件过程改进实践指南>一书中的第1章1.1节对CMMI的基本认识,作者任甲林,更多章节内容可以访问云栖社区"异步社区"公众号查看. 第 ...

  7. 小弟的新书《Ext JS权威指南》终于出版了

    链接:http://product.china-pub.com/3661375&weibo#ml <ext js权威指南> 前 言 第1章 ext js 4开发入门 / 1 1.1 ...

  8. 你以为 CSS 只是个简单的布局?装逼指南了解一下

    装逼指南 本文中,所有的图形都是在单个标签内实现的,大量使用了 CSS3 中的 ::before .::after 伪元素,transparent .border,多重线性与径向渐变,多重内外阴影,如 ...

  9. 如何添加二级标题_全国计算机二级MS Office高级应用考试指南

    期末考试刚结束 大家以为可以松一口气 但是,过了寒假 就到了全国计算机等级考试 你准备好了吗? 全国计算机等级考试(National Computer Rank Examination,简称 NCRE ...

  10. html用颜色区分不同区间数据_最新数据可视化指南

    译者:红薯啊红薯 链接:https://www.ui.cn/detail/477349.html 写在前面 2019年6月18日Material Design更新了设计指南中数据可视化部分,这是谷歌数 ...

最新文章

  1. 文巾解题3. 无重复字符的最长子串
  2. 经营升级渐成影院运营主课题,怎样才能交出技术改造好答卷?
  3. [转]在VS中为C/C++源代码文件生成对应的汇编代码文件(.asm)
  4. 使用WildFly 9和Jolokia监视DevOps样式
  5. 为什么你从来没做过发起人?
  6. SHELL脚本-猜数字游戏
  7. WSL : llvm、clang 和XTP
  8. python火柴人打架代码_两个火柴人对打动画 如何制作两个火柴人打架的动画效果?...
  9. 博思得标签打印机驱动_博思得 Postek 打印机驱动下载
  10. 电力-开闭所/配电房/变电所/变电站
  11. 关于解决keil5中*** FATAL ERROR L250: CODE SIZE LIMIT IN RESTRICTED VERSION EXCEEDED的问题
  12. Android实现微信查看附近的人
  13. C/S架构的优点和缺点
  14. 日常瘦脸8个关键细节
  15. 4.7 51单片机-DS1302 实时时钟芯片
  16. 1955年至2020年的国家GDP数据可视化-基于Pandas,Seaborn
  17. Thingsboard Build踩坑(一)
  18. yarn安装依赖速度太慢的解决办法
  19. android实现弹幕功能,Android实现自定义的弹幕效果
  20. Spring Data JPA分页查询

热门文章

  1. 【计算机网络】5G网络结构————5G技术大有可为
  2. 判断平面内三点是否共线
  3. 学习游戏开发,先学OpenGL再学Direct3D还是直接学习Direct3D?
  4. 魂斗罗java代码素材和代码_魂斗罗素材
  5. ORACLE的exp和expdp何时需要特权豁免访问策略(Exempt Access Policy)进行导出?
  6. leetcode剑指Offer2
  7. java的nexttoken_int nextToken()
  8. C语言中ret的作用,c-RET抑制剂 | c-RET Inhibitor
  9. 百度ai 性别_是的,ai可能是种族主义者和性别歧视者,所以我们该怎么办
  10. 执行linux操作时提示:权限不够