【HighChart教程】如何有效地注释您的数据可视化

电玩女神 2022-10-02 00:42 144阅读 0赞

[2019独角兽企业重金招聘Python工程师标准>>> ][2019_Python_] ![hot3.png][]

![HighChart][]

[下载Highcharts最新版本][Highcharts]

从社交媒体到新闻再到广告，今天的世界比以往任何时候都更具视觉效果 - 并且有充分的理由。毕竟，我们65％的人都是视觉学习者，这意味着与仅阅读相比，我们更好地吸收和保留视觉信息。巨大的文本块不再足以捕获并保持任何人的注意力。实际上，普通消费者被吸引到包含仅限纯文本故事的信息图的内容的可能性要高30倍。因此，我们看到越来越多地使用数据可视化。

Highcharts.chart('container', {
      chart: {
        plotBackgroundColor: null,
        plotBorderWidth: null,
        plotShadow: false,
        type: 'pie'
      },
      title: {
        text: 'Learning styles'
      },
      tooltip: {
        formatter: function() {
          return this.key + ' (<b>' + this.y + '%</b>)';
        }
    
      },
      plotOptions: {
        pie: {
          borderColor: '#A9A9A9',
          allowPointSelect: true,
          cursor: 'pointer',
          dataLabels: {
            enabled: true,
            format: '<b>{point.name}</b> {point.percentage} %',
            style: {
              color: (Highcharts.theme && Highcharts.theme.contrastTextColor) || 'black'
            }
          }
        }
      },
      series: [{
        name: 'Learning styles',
        colorByPoint: true,
        data: [{
          name: 'Verbal learners',
          y: 30,
          sliced: true,
          //selected: true,
          color: {
            pattern: {
              image: 'https://images.freeimages.com/images/large-previews/a16/mouth-1432107.jpg'
            }
          }
        }, {
          name: 'Experiental learners',
          y: 5,
          sliced: true,
          //selected: true,
          color: {
            pattern: {
              image: 'https://images.unsplash.com/photo-1437149639288-c32965270c85?ixlib=rb-0.3.5&s=dd7a6e9aa21052a5674dc91b1cef13ea&auto=format&fit=crop&w=1650&q=80'
            }
          }
        }, {
          name: 'Visual learners',
          y: 65,
          sliced: true,
         // selected: true,
          color: {
            pattern: {
              image: 'https://images.unsplash.com/photo-1523661468825-ffc044cf9b42?ixlib=rb-0.3.5&s=385691135cc5837e86ce591d2ec41b92&auto=format&fit=crop&w=2065&q=80',
              aspectRatio: 9 / 5,
            }
          }
        }]
      }]
    });

但是，数据可视化不仅有助于吸引观众的眼球。最近的研究表明，以图表和表格的形式呈现信息甚至可以使您的信息更加可信和具有说服力。而且，在那里的不同视觉媒体中，信息图表被发现是最有效的信息保留媒介。

### **使用良好的可视化最佳实践** ###

在创建任何数据可视化时，必须尽可能使其清晰易懂。这意味着要考虑您需要包含（和排除）的信息，了解您的受众并以他们理解的方式呈现信息。

制作图表时要考虑的一个重要但经常被遗忘的因素是注释的使用。这些是形状和文本标签，可以添加到图表中，使其更具信息性，更容易解释。注释可以提高清晰度，并提供对绘图区域特定点上显示的信息的更多洞察。

### **使您的注释有帮助** ###

注释非常有用的实例示例是当数据发生剧烈变化时，如Alicia F. Bembenek的下图所示。当观众看到这种转变时，他们将不可避免地想知道发生了什么事。虽然图表即使没有注释也是准确和解释的，但添加的文本肯定有助于限定数据并更好地呈现图表的主要点。由于此图表旨在说明为什么某些特定的犬种在某些时候飙升，因此在注释中提供这些详细的解释而不是让观众知道它是有意义的。

![HighChart][HighChart 1]

虽然您希望为观众提供理解图表所需的所有知识，但请记住，更多并不总是更好。事实上，当涉及到注释时，通常很容易依赖于注释。示例图表可以很好地利用注释来表达预期的故事，而不是其他任何内容。数据中的每个小峰值或下降都可以进行注释和解释，但这可能会让观众更加困惑。

### **把事情简单化** ###

不要使用太多信息使图表混乱，重要的是确保您只突出显示您想要关注的信息。图表是一种有价值的工具，因为它们可以在很小的空间内说出很多，但它们并不总是需要。完全可以接受 - 甚至是有益的 - 仅在注释中包含最相关的细节，并将其余部分留给观察者。

在规划注释时，您需要确定要注释的内容以及要包含的详细信息，但您还应该考虑必须使用的空间。务必整理数据。您的图表应该均匀且充分地间隔，使用最少的，易于理解的注释来增强您的图表，而不是减损它。

随着视觉内容在吸引受众和帮助保留信息方面变得越来越普遍，数据可视化技能是一种宝贵的资产，可以创建引人入胜的，有启发性的材料。知道如何有效地注释是一个很好的起点。

转载于:https://my.oschina.net/u/3905944/blog/3003123

[2019_Python_]: https://my.oschina.net/u/2663968/blog/3061697
[hot3.png]: /images/20220113/4b776e21414e466db68d5dc2aedef1b0.png
[HighChart]: /images/20220113/654005e71a374379a4ada19eba67d2e2.png
[Highcharts]: https://www.evget.com/product/3328/download
[HighChart 1]: /images/20220113/d6c9a3a8ac7e41d4ba21766e73417296.png