mermaid 饼图使用指南
摘要
使用mermaid绘制饼图,非常简单,语法如下
语法
- 关键词pie开头
- 紧跟着关键词
title
和标题内容 - 接下来是键值对描述的数据集,键是双引号括起来的字符串,值为正的数值
eg.
[pie] [title] [titlevalue] (OPTIONAL) “[datakey1]” : [dataValue1] “[datakey2]” : [dataValue2] “[datakey3]” : [dataValue3] . .
示例
pietitle 销售图"苹果" : 100"橘子" : 200.4"香蕉" : 50
奈何csdn不支持,故用vscode画的,贴到这里。
mermaid 饼图使用指南相关推荐
- mermaid flowchart使用指南
flowchart of mermaid 摘要 节点(node) 定义一个节点 改变节点的形状 边(link) 用一条边将两个节点连起来 没箭头的边 虚线边 加粗的边 加长的边 改变箭头 带文字的边 ...
- mermaid sequenceDiagram使用指南
mermaid sequenceDiagram 摘要 元素 Participants Actor Alias Message Activation Notes 逻辑 Loop Parallel Alt ...
- mermaid制作饼图
代码如下: pietitle 数学成绩饼图"90分以上" : 15"80-90分" : 21"70-80分" : 12"60-70 ...
- Typora Mermaid 使用指南
暂存参考链接,后续整理. 官方文档 [mermaid]01 typora中使用流程图 typora画图演示-mermaid mermaid工具 Typora Mermaid 流程图 typora画流程 ...
- mermaid画饼图
代码如下: pietitle 喜欢的饮料"咖啡" : 40"茶" : 30"可可" : 20"其他" : 20 效果 ...
- 《术以载道——软件过程改进实践指南》—第1章1.1节对CMMI的基本认识
本节书摘来自异步社区<术以载道--软件过程改进实践指南>一书中的第1章1.1节对CMMI的基本认识,作者任甲林,更多章节内容可以访问云栖社区"异步社区"公众号查看. 第 ...
- 小弟的新书《Ext JS权威指南》终于出版了
链接:http://product.china-pub.com/3661375&weibo#ml <ext js权威指南> 前 言 第1章 ext js 4开发入门 / 1 1.1 ...
- 你以为 CSS 只是个简单的布局?装逼指南了解一下
装逼指南 本文中,所有的图形都是在单个标签内实现的,大量使用了 CSS3 中的 ::before .::after 伪元素,transparent .border,多重线性与径向渐变,多重内外阴影,如 ...
- 如何添加二级标题_全国计算机二级MS Office高级应用考试指南
期末考试刚结束 大家以为可以松一口气 但是,过了寒假 就到了全国计算机等级考试 你准备好了吗? 全国计算机等级考试(National Computer Rank Examination,简称 NCRE ...
- html用颜色区分不同区间数据_最新数据可视化指南
译者:红薯啊红薯 链接:https://www.ui.cn/detail/477349.html 写在前面 2019年6月18日Material Design更新了设计指南中数据可视化部分,这是谷歌数 ...
最新文章
- 文巾解题3. 无重复字符的最长子串
- 经营升级渐成影院运营主课题,怎样才能交出技术改造好答卷?
- [转]在VS中为C/C++源代码文件生成对应的汇编代码文件(.asm)
- 使用WildFly 9和Jolokia监视DevOps样式
- 为什么你从来没做过发起人?
- SHELL脚本-猜数字游戏
- WSL : llvm、clang 和XTP
- python火柴人打架代码_两个火柴人对打动画 如何制作两个火柴人打架的动画效果?...
- 博思得标签打印机驱动_博思得 Postek 打印机驱动下载
- 电力-开闭所/配电房/变电所/变电站
- 关于解决keil5中*** FATAL ERROR L250: CODE SIZE LIMIT IN RESTRICTED VERSION EXCEEDED的问题
- Android实现微信查看附近的人
- C/S架构的优点和缺点
- 日常瘦脸8个关键细节
- 4.7 51单片机-DS1302 实时时钟芯片
- 1955年至2020年的国家GDP数据可视化-基于Pandas,Seaborn
- Thingsboard Build踩坑(一)
- yarn安装依赖速度太慢的解决办法
- android实现弹幕功能,Android实现自定义的弹幕效果
- Spring Data JPA分页查询
热门文章
- 【计算机网络】5G网络结构————5G技术大有可为
- 判断平面内三点是否共线
- 学习游戏开发,先学OpenGL再学Direct3D还是直接学习Direct3D?
- 魂斗罗java代码素材和代码_魂斗罗素材
- ORACLE的exp和expdp何时需要特权豁免访问策略(Exempt Access Policy)进行导出?
- leetcode剑指Offer2
- java的nexttoken_int nextToken()
- C语言中ret的作用,c-RET抑制剂 | c-RET Inhibitor
- 百度ai 性别_是的,ai可能是种族主义者和性别歧视者,所以我们该怎么办
- 执行linux操作时提示:权限不够