彩票走势图

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

翻译|使用教程|编辑:吴园园|2019-08-16 10:56:00.907|阅读 476 次

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

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

相关链接:

在本教程中,您将学习如何使用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


标签:

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@cahobeh.cn

文章转载自:

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP