今天跟大家分享的图表是——子弹图（bullet chart）！ ▽▼▽ 名字听起来是不是很高大上呀，这个图表是用于日常绩效评估的，可以从图表中了解到各个项目的目标及实际进程等各项指标！...选中所有数据区域，插入——图表——堆积柱形图。 ? ? 默认输出的图表行列并非我们所要的效果，需要调出选择数据菜单，互换行列位置。 ? ? 我们需要对输出的默认堆积柱形图进行进一步的修改。...最后大功告成啦~ （子弹图还可以做成条形图样式，只是步骤稍复杂，后期会出！）
▽▼▽ 这种图表形似玫瑰，故而得名，其效果与我们常用的饼图，圆环图及雷达图类似。...但是作为一个专注于数据可视化的分享平台，小魔方觉得有必要跟大家介绍一下玫瑰图在excel中的实现方式。...●●●●● 首先看下我们将要展示的源数据结构： 需要在案例中展示的数据其实只有第二行的data数据； 一共有8个数值，想要呈现玫瑰图效果，需要对数据进行加工整理。...选中黑色框线内的数据区域（包含左侧每组数据的起始角度） 插入雷达图——填充雷达图——第二个雷达图样式 删除横纵轴的轴标签，去掉图例、网格线和图表标题 调出每个扇区的数据标签（因为原数据错位排列，这里起始是有...最后修改字体，改变颜色为白色，一个完整的玫瑰图就制作完成了。如果你的数据有真是的业务背景和数据来源，一定要完善标题、副标题、数据源等元素，这里仅仅是展示步骤，就忽略掉这些内容了。
今天要跟大家分享的技巧是子弹图（Bullet Chart）在条形图中的实现！ ▽▼▽ 前一篇分享了子弹图（柱形形式）的 制作技巧，这一片接着讲解子弹图在条形图中的实现方式！...●●●●● 原数据是一致的，只是想要做成条形图，需要额外增加一列辅助数据（G列）。 ? 然后选择A~F列数据区域，插入——图表——堆积条形图。 ?...很明显软件默认输出的并非我们想要的条形图，行列位置颠倒了。 这时候需要调出选择数据菜单，互联行列位置。 ? ? 接下来的一步是，反转条形图的数据序列顺序（默认的与原数据区域是相反的）。 ? ?
今天跟大家分享另一种创意玫瑰图的制作方法！ ▽ 本例所要讲的玫瑰图，制作方法稍微麻烦一点，主要是在数据组织环节比较繁琐，但是没有涉及到VBA的问题，所以只要动手，还是很容易的就能做出来。...本例一共有六个数据，要制作玫瑰图需要把六组平均分布在360的园内，每个数据占据60度扇区范围，每一扇区的角度都是60度，扇区的半径代表数据的大小。 （图有点长，别打我~~~） ?...六列数据的填充是通过if+and函数实现的（当然本例数据不多，手动错位排列也可行） 然后选中A5：G364单元格区域，插入填充雷达图。 ? ?...玫瑰图已经呈现出我们想要的效果了，接下来删除雷达图的数据标签、纵坐标轴。 ? 继续修改雷达图的网格线颜色，不同扇区边框线的颜色。最后把图表区填充一个淡浅色的颜色当做图表背景，一个玫瑰图就完成了。 ?
▽▼▽ 既然是创意雷达图，肯定是有难度的啦，单纯的雷达图太没有挑战了！ 首先看成品，怎么样，还不错吧，想不想自己也做一个，如果感兴趣的话，继续往下看！...大家都看到了以上图表其实是一个包含三个序列数据的雷达图和三个序列数据的圆环图（背景序列）的结合图。...G三列则用于背景图（用于评级）。...被表层的雷达图遮挡了，我们需要将其类型更改为圆环图。...（三个序列都要更改为圆环图，步骤一样） 然后打开设置数据序列格式选项卡，将圆环图圆环内径大小值设置为20%~25%左右。
今天要跟大家分享的图表是帕累托图！ ▽▼▽ 这种图表类似于之前曾分享过的直方图，但是又比直方图所能展现的数据信息更多，由一个降序排列的柱形图和一个升序排列的带数据点标记的百分比折线图构成。...●●●●● 折线图反应的是数据增长趋势，柱形图反应的是实际的数据增长指标。 首先还是来看下原数据结构： ?...选中B列、C列数据，插入簇状柱形图。 ? ? 然后更改Accumulative的数据序列图表类型为带数据点的散点图，同时启用次坐标轴。 ?...用鼠标选中图表柱形图的数据条，然后将鼠标移至原数据B列右下角，当鼠标变成小十字的时候用鼠标向上拖动一个单位，去掉空白单元格。 ?...然后打开设置数据序列格式菜单，调整柱形图数据条间距，以及散点图线条颜色、数据点颜色。 ? ? 同时柱形图数据条的颜色也需要更改，与散点图及线条颜色一致。 ? 这样，帕累托图就基本完成了！
今天小仙给大家分享一下Slope chart(坡度图)的画法，我在paper中看到的图是这样的 ?...Figure from the paper.png 这个图的意思大概是Nasal Tissue比Brochial Tissue的ACE2表达量高(ACE2就是新冠病毒的受体啦) 。...为了复刻这张图，小仙捏造了一组差不多的数据，竟然感觉比原图好看！ 废话不多说，进入正题。 Step1....point的shape类型 直接画出来的图就是下面这样子的，线段和圆圈都是锯齿状的，对图片质量要求比较高、想让直线变平滑的朋友，可以参考我之前的分享《R语言作图技巧——导出高清图》。 ?
很多做web的都知道，在很多web系统中会涉及到一些统计图，例如饼状图，柱状图、趋势图、以及叠加图等。...其实现方式与上述柱状图的实现方式类似，如下： require([ "dojox/charting/Chart2D",...= new dojox.charting.Chart2D("test1",{ title: "销售比例图", titlePos: "top...: "#000066"}); chart1.render(); }); 看代码，线状图的实现方式和柱状图一样，注意，线状图在addPlot...5、堆积图 堆积图在dojo里面可以实现很多种类型的，分别为堆积图、堆积区域图、堆积柱状图、堆积线状图。
今天跟大家分享think-cell chart系列的第15篇——蝴蝶图。 当然think-cell chart中是无法直接制作蝴蝶图的，需要通过一对开口方向相反的条形图来实现。...而条形图则通过更改柱形图的朝向来达到目的（在think-cell chart软件中）。 所以我们在作图之前就已经很清楚我们要做的是两个柱形图，最后经过组合达到模拟蝴蝶图的目的。...有了这些思路，我们就可以着手组织作图数据： 接下来在分别选中两个作图数据区域，在excel的think-cell chart菜单中插入两个柱形图（出口方向朝左，进口方向朝右）。...当两个条形图都插入完毕之后，需要调整一些元素，使得两幅图合成一幅图。 首先需要去掉任意一个图表的纵坐标轴（只留一个即可）。 调出两个图标的横坐标轴，调整刻度大小范围至一致水平（0~100）。
今天要分享的是think-cell chart系列的第10篇——饼图。...饼图的使用频率非常高，非常适合用来展现数据的结构构成及成分对比，今天就教大家如何使用think-cell chart这款插件来制作饼图。...首先还是来看一下，在think-cell chart的默认图表案例中，饼图的数据是如何组织的。 在ppt中think-cell chart菜单中初入饼图。 ?...弄明白think-cell chart的饼图数据组织规则之后，我们就可以按照自己的业务需求来制作饼图了。 首先我们看一下下面这幅图。 ?...可能大部分童鞋会想到使用ppt中的插入线条功能来完成，其实不必要，think-cell chart在菜单中提供有专门的职能引导线。
今天要跟大家分享的是气泡图！...因为think-cell chart中气泡图与散点图的数据组织结构非常相似（几乎就是一样的，气泡图要比散点图多一列size数据（散点图该列留空），这一点与excel的气泡图\散点图做法如出一辙），这里学起来也简单了很多...使用以上数据直接在excel的think-cell chart菜单中插入气泡图\散点图，然后在ppt中释放鼠标创建气泡图。 经过轻微的修正美化之后，气泡图看起来就会专业许多。 ?...然后插入气泡图，在ppt中释放就可以完成带类别的气泡图制作。 ? 通过选择菜单，可以完成气泡大小的调整、气泡颜色、标签的添加等操作。 ?
今天要跟大家分享的是think-cell chart系列的第三篇——瀑布图（上）。 还是以一个案例图表开始我们今天的分享。...所用到的案例数据如下： 而该图表规定的数据结构又如何呢…… 还是用老办法，首先在ppt中插入一个think-cell chart的demo 看下软件给定的案例数据源是如何组织的。...内置的瀑布图一共有两种：上升瀑布图和下降瀑布图。 两个图表的异同以及数据组织的差异很明显：上升瀑布图汇总值在左侧，下降瀑布图汇总值在右侧。...其中的total列中只有一个值（e），第二行空白，仔细看上面的的demo案例数据结构也是如此，这是该插件制作的瀑布图的时候规定好的数据规则。 然后在excel中选中全部数据——插入——瀑布图。...由于在excel的think-cell chart的菜单中插入瀑布图的时候，菜单只给提供了一个瀑布图的按钮（不再像ppt菜单中那样分为向上、向下瀑布图），不过没关系，通过图表的编辑功能仍然能够达到我们想要的效果
DepthChart.js的官方下载地址：市场深度图JS组件。 ?...1、Depth Chart JS组件概述 DepthChart.js组件的主要特点如下： 基于html的canvas实现：与基于SVG的实现相比，在大数据量场景中的性能更好 不依赖第三方库：没有第三方依赖...symbol=BNBBTC&limit=50 STEP 3：创建DepthChart对象 使用uikit中的DepthChart类初始化深度图： new uikit.DepthChart({ el:...el配置用来声明深度图渲染的canvas元素（或者其选择符），dataset配置项用来声明要进行处理的市场深度数据。...3.1 预置的深色主题 例如使用预置的dark主题： new uikit.DepthChart({ el: '#depth-chart', dataset: dataset, theme:
今天跟大家分享的是think-cell chart系列的第7篇——堆积面积图。 堆积面积图是很常用的反应数据变动趋势和内部结构的图表类型，在excel中制作也很简单。...那么在think-cell chart中应该如何实现呢？ 我们还是先看一个堆积面积图的图表案例。 ? 看起来数据应该不会很复杂，因为图表所表达的信息与堆积柱形图所展示的机会没什么两样！...为了验证我们的猜测是否正确，这里还是先在ppt中的think-cell chart菜单中插入一个堆积面积图的demo，看看软件自带的图表数据集是如何组织的。 ?...选中以上数据，在excel的think-cell chart菜单中插入堆积面积图，并切换到ppt中释放鼠标生成图表。 ?...最后为整个堆积面积图添加增长趋势指标。 ? ?
原创：黄小仙 今天给大家分享的是Lollipop chart(棒棒糖图)的画法。...棒棒糖图的用途跟条形图的用法类似，只是看起来更加美观一些，图表形式更加丰富(数据不够、拿图来凑，啥也不能阻止我优秀 )。 ?...这一系列的文章还包括： 《R bubble matrix》 《R语言作图——Radar chart》 《R语言作图——Facet violinplot》 《R语言作图——bar chart》 《R语言作图...——histogram》 《R语言作图——line plot》 《R语言作图（二）density plot》 《R语言作图（一）violin plot》 《R语言作图——导出高清图》
今天跟大家分享think-cell chart系列的第16篇——树状分布图。 大家不要困惑于该图表的名称——树状分布图，其实它用的技巧非常简单（就是基本图表的组合表达），但是达到的效果却无比惊艳。...从技术角度来说，很多软件都可以做该图（Xcelsius、excel），但是还是同样的优势，think-cell chart做的效率和质量要高出很多（更多的体现在专业配色、以及规范的数据指标差异表达以及差异解构和图形分割...它的整体技术思路就是，使用若干个单独的条形图+引导线+平均线+差异指标来组合成。 以上案例图表是某公司三款产品的成本、利润分解图。...拆开看就是六个条形图和若干引导线组成的条形图组。 一共六组数据，可以按照之前学过的柱形图数据组织结构来组织好作图数据。 然后就可以一个一个插入条形图了，插入的时候选择方向朝右。...（你可以选择使用ppt内置的直线工具添加，也可以使用think-cell chart菜单添加）。 配上文字说明和标题。
今天正式开始跟大家分享之前介绍过的图表插件——think-cell chart 。 要讲的第一个图表类型是其自带图表库中的第一个图表——堆积柱形图。...在正式开始之前，请确保你的电脑上已经成功安装了think-cell chart软件，并且已经成功的对接了你的excel和ppt软件（在你的excel和ppt顶部菜单栏中可以看到think-cell chart...以下是我从某excel论坛中看到的利用think-cell chart制作的经典图表，用来作为今天的案例。 ?...选中刚刚我们准备好的作图数据，然后单击excel顶部菜单chart内的第一个图表类型——堆积柱形图。 ? ? 点击之后，切换到ppt中，在空白页面上单击鼠标释放（可以通过手动调节图表长宽比例）。...如果你要需要其他对比指标的表达，可以自己探索think-cell chart 的强大编辑功能。 稍微修改一下整体的布局和局部元素，一幅充满咨询顾问风格的图表就会呈现在你眼前。 ?
上次博文我们说到将mysql数据通过grafana框架展示出了折线图和柱状图，这次我们想要生成饼图。 由于grafana框架没有内置饼图的插件，所以我们需要手动安装这个插件。...step1 首先我们访问grafana官网https://grafana.com/ 在插件列表中找到饼图的插件，点开插件详情。...也就是说，我们想通过饼图来展示收入和支出各自所占的比例。...这次我们会发现在Visualization下面，多了一个Pie Chart图表类型。点击选择此图表类型。 在Query中选择数据来源来自MySQL。...便会出现饼状图，如下所示： ? 最后别忘了保存退出。 可以去官网看看有什么好玩的插件。 Download as PDF
鼠标拖动波形区域，将放大该区域（全区域显示），放大的区域的倍数取决于你框选区域的大小
今天小编给大家介绍一下子弹图(Bullet chart) 的绘制方法，主要内容包括： 子弹图(Bullet chart)简单介绍 子弹图(Bullet chart)的R绘制技巧 子弹图(Bullet...chart)的Python绘制技巧 子弹图(Bullet chart)简单介绍 子弹图(Bullet chart) 给大多数据人的第一印象可能就只是简单的柱形图叠加，但其所使用的场景和表达的含义却远远超过柱形图...标准子弹图(Bullet chart)样例表示 文末小编还给大家准备了一个介绍子弹图(Bullet chart) 设计的pdf文件，感兴趣的可以学习下(下载方式文末给出)~，更多关于子弹图(Bullet...chart)的介绍，小伙伴可自行探索哈~ 子弹图(Bullet chart)的R绘制技巧 得益于R语言在可视化绘制上的便捷性，小编这里分别提供R-ggplot2和R-bulletchartr包绘制子弹图...更多plotly库绘制子弹图(Bullet chart) 可参考plotly库绘制子弹图[2]。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM
