开源图表库HighCharts教程:使用Highcharts Cloud向图表添加注释

Highcharts是纯JavaScript编写的开源图表库,为你的Web应用程序提供直观的、交互式图表。本文将介绍如何使用Highcharts Cloud向图表添加注释。

在本教程中,您将学习如何使用Highcharts Cloud向图表添加注释。注释对于引起对特定兴趣点的关注非常有用。感兴趣的朋友赶快下载Highcharts体验吧~

Highcharts最新试用版

请参见下表中的示例,显示胰岛素对脂肪分解的影响:

HighCharts教程:使用Highcharts Cloud向图表添加注释

这里的注释(红色和绿色标注框)用于引起对图表上特定点的注意,同时提供额外的信息和细节,从而帮助读者更好地理解数据故事是什么。

从这个简单的例子中,您应该对注释的目的和好处有一个基本的了解。

除非您有现有图表,否则第一步是创建图表。然后转到自定义部分并单击注释图标。然后选择您要使用的注释类型。

HighCharts教程:使用Highcharts Cloud向图表添加注释

现在,单击图表上任意位置,您可以在其中添加任何特定兴趣点的详细信息。以下是管理注释的位置和文本的快速提示:

单击注释一次:

  • 要调整其位置,请使用圆圈

  • 要调整注释指向的位置,请使用三角形

  • 要删除注释,请单击bin

4.jpg

双击注释以设置样式:

  • 在“文本”字段中添加文本

  • 更改颜色背景

  • 单击保存

5.jpg

注释提供的另一个有用功能是能够在标签内使用HTML。
例如,让我们使用b标签将句子的低水平胰岛素以粗体显示,并在BR标签处插入换行符。您也可以使用回车。

6.jpg

现在,您将拥有另一种实用且强大的数据可视化技能来创建有效的图表。请随意尝试注释并在下面的评论部分分享您的经验。

以上就是使用Highcharts Cloud向图表添加注释的教程,你学会了吗迎在评论区分享您的疑问和看法~

想要购买Highcharts正版授权的朋友可以咨询官方客服

更多精彩内容,敬请关注下方的微信公众号,及时获取产品最新资讯▼▼▼

图片2.jpg

标签:

来源:慧都

声明:本站部分文章及图片转载于互联网,内容版权归原作者所有,如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢!

上一篇 2019年7月12日
下一篇 2019年7月12日

相关推荐

发表回复

登录后才能评论