`
AILIKES
  • 浏览: 178729 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

Highcharts主要组成

阅读更多

Title

图表标题,包含标题和副标题(subTitle),其中副标题是非必须的。

Axis

坐标轴,包含x轴(xAxis)和y轴(yAxis)。通常情况下,x轴显示在图表的底部,y轴显示在图表的左侧。多个数据列可以共同使用同一个坐标轴,为了对比或区分数据,Highcharts提供了多轴的支持。

Series

数据列。图表上一个或多个数据系列,比如曲线图中的一条曲线,柱状图中的一个柱形。

Tooltip

数据提示框。当鼠标悬停在某点上时,以框的形式提示改点的数据,比如该点的值,数据单位等。数据提示框内提示的信息完全可以通过格式化函数动态指定。

Legend

图例。用不同形状、颜色、文字等 标示不同数据列,通过点击标示可以显示或隐藏该数据列。

Credits

图表版权信息。显示在图表右下方的包含链接的文字,默认是Highcharts官网地址。通过指定credits.enabled=false即可不显示该信息。

Exporting

导出功能按钮。通过引入exporting.js即可增加图表导出为常见文件功能。

PlotLines

标示线(或辅助线)。可以在图表上增加一条标示线,比如平均值线,最高值线等。

PlotBands

标示区域(分辨带)。可以在图表添加不同颜色的区域带,标示出明显的范围区域。

分享到:
评论

相关推荐

    Highcharts入门之基本属性

    基本组成:  1.Highcharts包含标题(Title):主标题是必须的但是subTTitle不是必须  2.坐标轴(Axis):有x坐标(xAxis)和y坐标(yAxis)  3.数据列(Series):每个曲线,每个柱形条组,每个饼图的部分  4....

    highcharts4dart:Angular Dart 项目的 Highcharts 组件

    图表的配置由一整套类型化对象组成,而不是普通的 javascript 对象(地图),因此您不必记住所有属性:按Ctrl + Space ,您将获得所需的提示(小菜一碟! ) 它是如何工作的? 首先,将依赖项添加到您的pubsp

    Highcharts学习之坐标轴

    今天讲交互图表Highcharts的坐标轴,我们将对Highcharts图表的坐标轴组成、坐标轴类型等进行详细系统讲解。下面一起来看看。

    基于机器学习的智能电表数据分析Web应用服务器系统源码.zip

    智能电表数据分析系统-SMAS ...分析层使用 PostgreSQL 作为数据库,MADLib (madlib.net) 作为(数据库内)机器学习库,Highcharts ( www.highcharts.com) 作为可视化引擎,Tomcat 作为 Web 应用服务器。 SMAS的架构

    深入浅析Vue组件开发

    不得不说的一点就是,在实际的Vue项目中,页面中每一个小块都是由一个个组件(.vue文件)组成,经过抽离后,然后再合并一起组成一个页面。由于上家公司我负责多的是可视化这一块的开发,这边我也将带着大家进行一个...

    水质情况实时监测预警系统.rar

    可视化大屏是该系统的重要组成部分,用于将水质数据以直观、易懂的方式展示给用户。 水质情况实时监测预警系统通过布设在水体中的传感器,实时采集和监测水质指标,如溶解氧、pH值、浊度、氨氮等。这些数据通过网络...

    有考试分析功能的在线考试系统 MySQL数据库

    这个事我做的毕设 花了1个多月敲的在线考试系统 如果有需要的可以下载借鉴 如果需要论文 QQ851725406

    Sketchify手绘风格数据可视化工具 v1.0

    Sketchify用法将由svg组成的现有图形转换为草图模式。运行以下代码: const option = { fillStyle: 'hachure', roughness: 1, bowing: 1, chartType: 'highcharts', }; // container is the root dom element...

    Sketchify手绘风格数据可视化工具-其他

    将由svg组成的现有图形转换为草图模式。运行以下代码: const option = {  fillStyle: 'hachure',  roughness: 1,  bowing: 1,  chartType: 'highcharts', }; // container is the root dom element that ...

    Web-resume

    网络简历Web简历(PC)项目描述:实现技术:CSS + HTML + H5 + CSS3 + Jqury 1.共有5个div组成5个页面2.第一个页面,中间有个开头自我介绍板,只要鼠标移至上方,就会出现立体视觉效果。使用了CSS3,给div添加阴影...

Global site tag (gtag.js) - Google Analytics