【HighChart教程】如何有效地注释您的数据可视化-控件新闻-慧都网

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

翻译|使用教程|编辑：王香|2019-01-18 10:41:55.000|阅读 218 次

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

# 慧都年终大促·界面/图表报表/文档/IDE等千款热门软控件火热促销中 >>

相关链接：

HighChart

下载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: '//images.freeimages.com/images/large-previews/a16/mouth-1432107.jpg'
        }
      }
    }, {
      name: 'Experiental learners',
      y: 5,
      sliced: true,
      //selected: true,
      color: {
        pattern: {
          image: '//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: '//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