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

最新推荐文章于 2024-09-05 00:31:38 发布

xiaochuachua

最新推荐文章于 2024-09-05 00:31:38 发布

阅读量398

点赞数 1

分类专栏：产品文章标签： Highchart 图表图表控件可视化

产品专栏收录该内容

380 篇文章 9 订阅

订阅专栏

本文介绍了在创建数据可视化时如何使用Highcharts进行有效注释，强调注释可以帮助提高图表的清晰度和信息传递。通过实例展示了注释在显示数据变化时的重要性，同时提醒避免过度注释导致混乱，应简化信息，突出重点。

摘要由CSDN通过智能技术生成

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: '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