多语言展示
当前在线:1765今日阅读:26今日分享:39

图解HighCharts图表控件

Highcharts是一款功能强大、开源、美观、图表丰富、兼容绝大多数浏览器的纯js图表库,本篇经验将向大家介绍其功能。
方法/步骤
1

曲线图,主要包括以下部分:折线图显示点值的折线图时间轴折线图轴反转的曲线图带标识的曲线图分辨带曲线图时间不连续的轴曲线图对数直线图其中折线图如下图所示:

2

区域图,主要包括以下部分:区域图包含负数的区域图堆栈面积图百分比堆栈面积图断裂的区域图轴反转的区域图曲线区域图区域范围图区域范围线图其中区域图如下图所示:

3

3D图,主要包括以下部分:3D柱状图包含空值的3D柱状图分组堆叠3D图3D饼图3D双饼图可调整视角的3D散点图其中3D柱状图如下图所示:

4

柱状图,主要包括以下部分:柱状图column-drilldown包含负值的柱状图通过表格获取值的柱状图柱状范围图显示值的柱状图柱形堆叠图分组柱形堆叠图百分比堆栈柱状图条形图堆叠条形图正反堆叠条形图其中柱状图如下图所示:

5

饼图,主要包括以下部分:饼图颜色渐变的饼图双饼图带图例饼图半饼图其中饼图如下图所示:

6

散列图,主要包括以下部分:散列图气泡图3D 气泡图其中饼图如下图所示:

7

动态更新,主要包括以下部分:动态刷新点击鼠标添加点dynamic-master-detail点击按钮切换图表点击按钮切换图表2禁用图表某些部分其中动态刷新图如下图所示:

8

混合图,主要包括以下部分:柱状、曲线、饼图混合图两个(Y)轴的混合图多个(Y)轴的混合图线性回归图其中柱状、曲线、饼图混合图如下图所示:

推荐信息