Highcharts图表结构分析:基本组成

电脑软件

  • 01

    名称: Highcharts

  • 02

    大小: 13MB 版本: 3.0.7 类别: 开发工具 语言: 英文

  • 03

    应用平台: windows /

  • 04

    一般情况下,交互图表HighCharts包含Title-标题、Axis-轴、Series-数据系列、Tooltip-工具提示、Legend-图例等,每个部分对于位置如下图所示 :

  • 05

    Title-标题

  • 06

    标题包括Title和Subtitle,即标题和副标题,其中副标题为非必须的。

  • 07

    Axis-轴

  • 08

    轴包括xAxis和yAxis,即x轴和y轴。多个不同的数据列可共用同一个X轴或Y轴,当然,还可以有两个X轴或Y轴,分别显示在图表的上下或左右。

  • 09

    Series-数据系列

  • 10

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

  • 11

    Tooltip-工具提示

  • 12

    工具提示在鼠标滑过某点时,以框的形式提示改点的数据,比如该点的值,数据单位等。

  • 13

    Legend-图例

  • 14

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

(0)

相关推荐

  • Highcharts图表结构分析:详解坐标轴及其类型

    电脑软件 01 名称: Highcharts 02 大小: 13MB 版本: 3.0.7 类别: 开发工具 语言: 英文 03 应用平台: windows / 04 Highcharts所有的图表除了 ...

  • highcharts两个(Y)轴的混合图

    利用highcharts图表画多个坐标轴,首先配置两个Y轴的参数,再配置对应的数据集 操作方法 01 yAxis: [{ //第一个Y轴,序号为0 labels: { format: '{value} ...

  • Highcharts使用教程:设置选项

    电脑软件 01 名称: Highcharts 02 大小: 13MB 版本: 3.0.7 类别: 开发工具 语言: 英文 03 应用平台: windows 04 选项(options) 当你使用Jav ...

  • 图解HighCharts的曲线图分类

    Highcharts时一款功能强大.开源.美观.图表丰富.兼容绝大多数浏览器的纯js图表库,本篇经验将和大家介绍一下HighCharts的曲线图种类及示例,希望对大家的工作和学习有所帮助! 操作方法 ...

  • 图解HighCharts的饼图和散列图分类

    Highcharts时一款功能强大.开源.美观.图表丰富.兼容绝大多数浏览器的纯js图表库,本篇经验将和大家介绍一下HighCharts的和种类及示例,希望对大家的工作和学习有所帮助! 饼图 01 饼 ...

  • 图解HighCharts的区域图分类

    Highcharts时一款功能强大.开源.美观.图表丰富.兼容绝大多数浏览器的纯js图表库,本篇经验将和大家介绍一下HighCharts的种类及示例,希望对大家的工作和学习有所帮助! 操作方法 01 ...

  • Excel 迷你图图表制作工具简介

    迷你图是EXCEL中加入的一种全新的图表制作工具,它以单元格为绘图区域,简单便捷的为我们绘制出简明的数据小图表,方便的把数据以小图的形式呈现在读者的面前,它是存在于单元格中的小图表。先来让我们认识一下 ...

  • Excel2010中如何使用下拉列表控制显示不同系列的图表

    当Excel图表数据中包含多个系列时,通常需要让这些系列同时显示在图表中进行对比。但有时可能无需让各系列同时显示在图表中,这时可以添加一个下拉列表来选择某个系列,让该系列单独显示在图表中以便查看。 假 ...

  • Excel2010中如何设置图表指定颜色表示负值

    在Excel中制作条形图或柱形图时,默认所有的数据条(或柱形)都是同一种颜色的。有时会遇到数据为负值的情况,如果能在图表中用其他颜色表示负值将会更加醒目。在Excel 2010中,设置方法如下: 如图 ...