TIBCO Spotfire使用技巧：TIBCO Spotfire的视觉设计最佳实践

如何在TIBCO Spotfire里面开发设计出来好看的视图？视图的颜色怎么配会更加得当合理呢？等等这些都是很多Spotfire用户的常见问题，如下文章是TIBCO Community社区里面的精华文章，供各位亲参考。原文在：https://community.tibco.com/wiki/visual-design-best-practices-tibco-spotfire

目录
仪表板设计最佳实践示例
自定义主题
配色方案
文本区域中的HTML
Spotfire设计备忘单

 

总所周知TIBCO Spotfire产品中仪表盘设计的再先进也不可能解决客户的所有技术要求，除非客户能自己调配出很好的设计及视图的协调。

仪表板需要经过精心设计，以在视觉上吸引人，并清楚地向最终用户提供信息。  

聚集在子页面中的材料将帮助您设计精美有效的Spotfire分析。

仪表板设计最佳实践示例

大TITLES每一页上：	在文本区域中计算的值以显示KPI：
简单仪表板的暗示：	协调颜色：
客户定制设计：
向下钻取从右上方BOTTOM / LEFT：	文本区域中的相关过滤器：
BOOKMARKS作为分析指导：	用于在文本区域中对齐控件的HTML：

自定义主题

您可以在此处下载自定义主题并将其应用于Spotfire分析。

比如单击下面任何自定义主题的名称，下载在该主题中并设置样式为“US Homeless analysis”的样式。

然后，您可以通过视图 - >可视主题 - >从文件导入主题将主题应用于Spotfire分析...

只有Spotfire Analyst的开发用户才能创建自定义主题。作为Business Author用户，您可以更改默认值为白色或黑色的主题，但如果Spotfire Analyst创建自定义主题，您也可以选择自定义。 

灰色纸片主题	勃艮第的纸片主题
灰色瓷砖主题	灰色和金色瓷砖主题
深蓝色纸片主题（光）
黑色瓷砖主题	灰色瓷砖蓝色标题主题
深蓝色纸片主题（黑暗）	黑色纸主题

配色方案

在这里，您可以下载预先准备好的配色方案，并将它们应用于Spotfire中的可视化。

单击颜色方案将其下载为zip文件。

CATEGORICAL：

连续：

有关说明，请访问以下Spotfire帮助页面：

• 颜色方案概述：可视化的整个颜色设置称为其颜色方案。您选择的颜色和阈值以及您选择的颜色模式都是可视化颜色方案的一部分。可以在图例中以及“可视化属性”的“颜色”页面上查看可视化的当前颜色方案。这也是您编辑颜色方案的地方。
• 打开颜色方案：您可以打开以前保存到磁盘或库中的颜色方案。您还可以在分析中应用来自其他可视化的颜色方案，或打开文档颜色方案。颜色方案必须与您要使用它的可视化处于相同的比例模式。
• 将颜色方案应用于另一个：当您为可视化设置颜色方案时，可以将其应用于另一个可视化，前提是这两个可视化由相同比例模式的列着色。
• 保存颜色方案：  您可以保存颜色方案以供以后重复使用或与其他人共享。如果将颜色方案保存到磁盘或库中，则可以在其他分析中使用它。如果将其另存为文档颜色方案，则可以在分析中再次使用它。可以从可视化属性的“颜色”页面为分析中的特定可视化选择文档颜色方案。您还可以将其选择为用于特定列的默认颜色方案以及分析中的新可视化。请参阅  列属性 - 属性，  列属性描述和  选项 - 可视化  以了解有关使用默认颜色方案的更多信息。
• 着色概述

 

文本区域中的HTML

在Spotfire文本区域中使用HTML是增强仪表板外观的好方法。

可参考资源

• Spotfire文本区域中支持的HTML标记列表
• HTML表格生成器

示例如下

• 带有KPI的标题窗格：在此示例中，HTML表用于控制仪表板顶部窗格的布局，包括标题，KPI和滑块。

  表寄宿生设置为一： HTML查找（点击图片放大）：

• 对齐的文本和控件：在此示例中，在文本区域内使用HTML表格来对齐文本和Spotfire控件以获得更易读和用户友好的格式。此外，在标记内部使用cellpadding属性来控制文本和文本之间的距离。控件和文本区域边框。

  之前： 后： Html查找（点击获取html）

• 这个自定义的html表是一个很好的例子，用于在表中放置和对齐动态标签。

  链接到dxp：自定义表

• 记分卡布局：此HTML代码在文本区域内用于将文本和Spotfire控件对齐在框的中间。
  
  
  
  HTML查找：
  
  

Spotfire设计备忘单

Cheat Sheet是一个单页文档，带有复选框，可帮助您设计漂亮，用户友好的仪表板。 

请下载pdf版本  或查看下图。

参考Video

• 从数据到漂亮的仪表板  （创建定制，美观，有效的仪表板的最佳实践（使用Eszter Takacs））

推荐阅读

禁用富文本

迈克尔奥康奈尔

• [2012]，一张图片值得一千张桌子：生命科学中的图形，Springer，  ISBN-13：978-1461453284

Frank E Harrell Jr.

• （2014年），  图形建筑原则

博客

• 7制作图表和图表的基本规则 
• 功能性艺术，关于可视化，信息图表和数据新闻的博客

爱德华图夫特

• R（2001）[1983]，The Visual Display of Quantitative Information（2nd ed。），Cheshire，CT：Graphics Press，  ISBN 0-9613921-4-2。
• （2001b）[1990]，Envisioning Information，Cheshire，CT：Graphics Press，  ISBN 0-9613921-1-8。
• R（1997），Visual Explanations：Images and Quantities，Evidence and Narrative，Cheshire，CT：Graphics Press，  ISBN 0-9613921-2-6。
• （2003），PowerPoint的认知风格，Cheshire，CT：图形出版社，  ISBN 0-9613921-6-9。
• （2006），Beautiful Evidence，Cheshire，CT：Graphics Press，  ISBN 0-9613921-7-7。

Stephen Few

• （2009），现在你看到它：用于定量分析的简单可视化技术：Analytics Press，  ISBN - 13：978-0970601988。
• （2012），给我看数字：Analytics Press，Second Edition，  ISBN - 13：978-0970601971。
• （2006），Information Dashboard Design：The Effective Visual Communication of Data：O'Reilly Media，Incorporated，  ISBN-13：978-0596100162。
• （2007），  为什么大多数仪表板失败：感知边缘。
• （2004-2012），  设计有效的表格和图表：感知边缘。

杰夫约翰逊 

• （2014），心灵设计：理解用户界面设计的简单指南：Morgan Kaufmann，第二版，   ISBN-13：978-0124079144。

Dona M. Wong

• （2010），华尔街日报信息图形指南：呈现数据，事实和数据的注意事项：WW Norton＆Company; 第1版，  ISBN-13：978-0393072952

附件

附件	尺寸
supported_html_in_the_text_area_in_tibco_spotfire_6_0.pdf	49.97 KB
html_in_text_areas _-_ 2 _-_ html_code.png	178.72 KB
html_in_text_areas _-_ aligned_text_and_controls _-_ html.png	81.54 KB
visual_design_cheat_sheet.pdf	155.79 KB
cat_pastelgreenrosa_6.7z	830个字节
cat_pastel_6.7z	804个字节
cat_mixedbluegrey_6.7z	825个字节
cat_mixed_6.7z	800字节
cont_viola.7z	583个字节
cont_redyellowgreen.7z	681个字节
cont_red.7z	572个字节
cont_green.7z	580个字节
cont_blue.7z	616个字节
cat_viola.7z	804个字节
cat_yellowtoblue.7z	820字节
cat_yellowtoorange.7z	823个字节
cat_tibco_colours_8.7z	643字节
cat_tibco_colours.7z	808个字节
cat_lightbluetogreen.7z	830个字节
us_homeless_black_peace_of_paper_layout.7z	1000.09 KB
us_homeless_black_tile_layout.7z	1000.96 KB
us_homeless_burgundy_paper.7z	1003.17 KB
us_homeless_dark_blue_paper_dark.7z	1002.28 KB
us_homeless_dark_blue_paper_light.7z	1002.07 KB
us_homeless_gray_and_gold_tile_layout.7z	1003.13 KB
us_homeless_gray_paper.7z	1003.11 KB
us_homeless_gray_tile_blue_title_layout.7z	1000.9 KB
us_homeless_gray_tile_layout.7z	1002.88 KB
us_homeless_light_blue_tile_layout.7z	1002.05 KB
world_analysis.zip	2.08 MB
time_series_forecasting_automotive_theme.7z	740.64 KB
cfo_demo.7z	3.37 MB
warehouse_shipment_analysis.7z	864.73 KB
html.png	33.02 KB
customized_table.7z	553.56 KB
us_homeless_dark_blue_paper_dark.dxp_.zip	1.14 MB
captura_de_tela_2017-01-11_as_11.56.44.png	965.11 KB

 

如需要联系TIBCO原厂的Spotfire采购，各位可以访问如下链接

https://www.tibco.com/company/locations

中国北京Main Office Phone

+86 10 8341 3723