本文目录
手把手教你Tableau仪表板（十六）
创建了一个或多个工作表后，您可以在仪表板中合并它们、添加交互性。 1、绘制「产地电影数量与评分符号地图」参考； 2、绘制「电影数量变化面积图」参考； 3、绘制「各产地电影数量自定义形状」参考； 4、在工作簿的底部，单击「新建仪表板」 图标； 5、修改仪表板大小为自动； 6、将上述 3 个工作表向右拖拽到仪表板内（其中符号地图为浮动）； 7、隐藏所有工作表的标题； 8、拖拽文本到仪表板内（命名为电影数据分析）； 可以通过「布局」来快速修改每个工作表的显示方式。
Tableau可视化技巧-制作进度仪表盘
很多时候我们需要使用仪表盘来表示项目的完成情况，或者目标的达成进度。本文简单介绍百分比仪表盘的制作方法
百分比进度仪表板
如上图所示，图中绿色部分占圆的比重代表里完成进度的大小。
仔细看可以发现，上图其实和之前我们做过的环形图有些类似，实际上，上图也是饼图的一种延伸。
下面我们一起看一下上面百分比进度仪表板是怎么实现的吧
假如我们要看某区域销售额完成进度。数据源为示例数据-超市
一、新建计算字段【东区销售额】 【东区目标销售额】
其中【东北目标销售额】是我们自定义的数值，实际业务中都有对应的目标字段或者目标值。
二、作图
1、标记功能区直接选择饼图，将度量区-度量值拖入标记功能区空白处，下方生成度量值卡片，只保留【东北销售额目标】 和 【东北销售额】两个字段。
2、制作成环形图，之前的文章介绍过环形图的制作方法，如果有小伙伴不知道如何制作，可以参考下面这篇文章：
Tableau可视化技巧--饼图
我们简单重复一下制作方法
新建字段【0】
2.1 将新建的字段拖入列功能区，然后按住crtl键再复制一个到列功能区。如下图
2.2 右键其中一个列功能区上的【0】字段，点击双轴。两个饼图重合到一起。
2.3 左侧标记功能区，将第一个【0】字段-大小调大，第二个【0】字段下方的度量名称、度量值去掉，且点击颜色改为白色
2.4 调整中心白色区域的大小，调整环形图的大小和颜色。
2.5 在白色区域加上百分比标签。
新建字段 【东北销售额目标达成率】：
将新字段拖入标记功能区第二个【0】字段-标签位置即可
如果我们想在图中百分数前面加上名称以便于更好的识别。
点击标记功能区第二个【0】字段的标签-文本点击 ... 在前面加上名称即可。
最后一个百分比进度仪表盘就做好了。
实际上，类似的思路也可以用于制作条形图进度条。大家可以踊跃尝试。
如果本文对你有所帮助 欢迎关注 公众号 Tableau入门
干货满满！轻松入门Tableau!
如何修改Tableau里图例的位置
一、将图例Legend放于图表右侧1、设置chart的marginRight属性值chart: {marginRight: 120},2、设置legend图例属性值如下legend: {align: ’right’, //水平方向位置verticalAlign: ’top’, //垂直方向位置x: 0, //距离x轴的距离y: 100 //距离Y轴的距离},二、将图例放于图表左上角1、设置legend的属性legend: {align: ’left’, //水平方向位置verticalAlign: ’top’, //垂直方向位置x: 0, //距离x轴的距离y: 0 //距离Y轴的距离},三、将图例放于图表上方中央1、设置legend属性如下legend: {align: ’center’, //水平方向位置verticalAlign: ’top’, //垂直方向位置x: 0, //距离x轴的距离y: 20 //距离Y轴的距离},四、将图例放于下方中央1、设置legend属性如下legend: {align: ’center’, //水平方向位置verticalAlign: ’bottom’, //垂直方向位置x: 0, //距离x轴的距离y: 0 //距离Y轴的距离},
设计出色的 tableau 仪表板扩展
您是否已经创建了一个 Tableau 仪表板扩展？
太棒了！
但是您是通过什么与用户进行交互的？它容易使用吗？它美观且有效吗？
本文将告诉您如何让仪表板扩展为用户提供友好的体验！如果您刚刚开始构建仪表板扩展，可查看下方链接学习更多相关知识。
来源 | Tableau社区
通过您的仪表板扩展提供出色的用户体验
在您的仪表板扩展运行后，确保它有很好的可用性是非常重要的一点。这将增加您仪表板扩展的价值，并让人们一次又一次地使用它。
您可以将以下注意事项作为一个清单：
1
拥有简单的控件和用户界面模式（UI）。
您仪表板扩展中的内容应该清楚地向用户表明如何与其进行交互。例如，对话不应该包含不相关或不必要的信息。您添加的任何额外信息都可能会给用户带来困惑。
确保您的设计易于学习和使用非常重要。这就是UI模式派上用场的地方，因为它们来自UI设计中的最佳实践，它们是常见问题的可重用解决方案。
2
提供适当的反馈和错误消息。
您的仪表板扩展应始终保证用户能及时了解实际情况。例如，如果您的仪表板扩展所在的区域正在加载，并且它花费了比平时更长的时间，我们可以使用一个活动指标帮助用户了解正在发生的事情。
否则，用户可能想知道系统是否正在执行任何操作或是否存在错误。如果出现错误，我们应用简单的语言表达消息并描述问题，并提供如何修复错误的建议。
3
确保仪表板扩展布局的响应性。
确保仪表板扩展的容器内容和控件以正确的大小显示。用户可以手动调整容器的大小，因此请确保使用常见的响应式 Web 设计实践，例如断点和基于百分比的宽度。
阅读更多有关布局指南的信息，以确保您的样式与图库中的其他扩展保持一致。
4
用最少的设计使您的扩展更美观。
有目的和清晰地使用颜色是很重要的。请最低限度地使用它，仅突出显示仪表板扩展中的功能。使用有效的颜色将向用户传达重要的内容。
您可以查看 Tableau 的标准颜色系统，以用于您的仪表板扩展。
至于字体和排版，这里应该有一个明确的内容层次结构，通过使用不同的字体大小，颜色和间距来区分。通过这种方式，我们可以引导用户首先去查看或点击哪些内容。
您可以使用 Tableau 的样式指南使您的仪表板扩展看起来像 Tableau，但是您可能希望将仪表板扩展进行标记以将其区分。这里是有关如何有效标记仪表板扩展的指南。
5
链接到帮助和文档。
对于设置或使用更复杂的仪表板扩展，为用户提供获取额外的帮助是一个加分项。另外，它还可以为用户提供了解您或您公司的更多信息。
6
最后，在共享之前进行一些可用性测试。
对不熟悉您仪表板扩展的人进行一些快速测试。观察他们如何使用您的仪表板扩展以及他们是否遇到任何问题。但也要注意这个人与某些东西的交互方式是否与您预期的方式不同，并注意他被困在哪里。这可以在很短的时间内揭示您仪表板扩展的可用性。
设计很重要，但这经常被开发人员遗漏。花时间设计将使您能够建立真正优秀的用户体验，并让客户爱上您的仪表板扩展。现在有了以上这些指导方针，希望给您一些有用的提示！
