0
点赞
收藏
分享

微信扫一扫

Highcharts数据可视化工具功能效果图详解

全栈工程师开发手册 (作者:栾鹏)

线图(折线图及曲线图)

主要包括基本折线图、对数折线图、可缩放的时间轴、带标识的曲线图、通过 Ajax 加载数据、显示点值的折线图、坐标轴反转的曲线图、带表示区域的曲线图、时间不连续的曲线图。

Highcharts数据可视化工具功能效果图详解_饼图


基本折线图

Highcharts数据可视化工具功能效果图详解_饼图_02


可缩放的时间轴

Highcharts数据可视化工具功能效果图详解_highcharts_03


带表示区的曲线图

Highcharts数据可视化工具功能效果图详解_数据可视化_04


时间不连续的曲线图

Highcharts数据可视化工具功能效果图详解_柱状图_05


坐标轴翻转的曲线图

面积图

主要包括基础面积图、包含负值的面积图、堆叠面积图、百分比堆叠面积图、断裂的面积图、坐标轴反转的面积图、曲线面积图、面积范围图、面积范围均线图、迷你图(小图)。

Highcharts数据可视化工具功能效果图详解_highcharts_06


基本面积图

Highcharts数据可视化工具功能效果图详解_饼图_07


坐标轴翻转的面积图

Highcharts数据可视化工具功能效果图详解_数据可视化_08


包含负值的面积图

Highcharts数据可视化工具功能效果图详解_饼图_09


堆叠面积图

Highcharts数据可视化工具功能效果图详解_饼图_10


面积范围均线图

柱形图(柱状图及条形图)

主要包括基础条形图、堆叠条形图、包含负值的条形图、基础柱状图、包含负值的柱状图、堆叠柱状图、分组堆叠柱状图、百分比堆叠柱状图、坐标轴标签旋转的柱状图、可下钻的柱状图、嵌套的柱状图、通过HTML表格数据创建的柱状图、柱形范围图。

Highcharts数据可视化工具功能效果图详解_highcharts_11


基本柱形图

Highcharts数据可视化工具功能效果图详解_功能效果图_12


基本条形图

Highcharts数据可视化工具功能效果图详解_饼图_13


堆叠柱状图

Highcharts数据可视化工具功能效果图详解_highcharts_14


柱形范围图

Highcharts数据可视化工具功能效果图详解_功能效果图_15


包含负值的柱状图

Highcharts数据可视化工具功能效果图详解_功能效果图_16


嵌套的柱状图

Highcharts数据可视化工具功能效果图详解_数据可视化_17


包含负值的条形图

饼形图(饼图及环形图)

主要包括基础饼图、带图例的饼图、双饼图、扇形图、可下钻的饼图、颜色渐变的饼图、单色调饼图、标题居中的环形图。

Highcharts数据可视化工具功能效果图详解_数据可视化_18


带图例的饼图

Highcharts数据可视化工具功能效果图详解_数据可视化_19


扇形图

Highcharts数据可视化工具功能效果图详解_功能效果图_20


单色调饼图

Highcharts数据可视化工具功能效果图详解_数据可视化_21


双饼图

散点图及气泡图

主要包括散点图、气泡图、3D气泡图、带辅助线的气泡图。

Highcharts数据可视化工具功能效果图详解_highcharts_22


3D气泡图

Highcharts数据可视化工具功能效果图详解_柱状图_23


气泡图

Highcharts数据可视化工具功能效果图详解_饼图_24


散点图

混合图

主要包括多个图表共用一个提示框、柱形图、饼图、折线图混合、双坐标的折线图、柱状图混合图、多坐标轴混合图、包含趋势线的散点图、天气预报、高级时间线图、直方图。

Highcharts数据可视化工具功能效果图详解_饼图_25


天气预报

Highcharts数据可视化工具功能效果图详解_饼图_26


多坐标轴混合图

Highcharts数据可视化工具功能效果图详解_highcharts_27


柱形图、饼图、折线图混合

Highcharts数据可视化工具功能效果图详解_饼图_28


双坐标的折线图、柱状图混合图

Highcharts数据可视化工具功能效果图详解_数据可视化_29


直方图

Highcharts数据可视化工具功能效果图详解_数据可视化_30


高级时间线图

3D 图

主要包括交互性3D柱状图、包含空值的3D柱状图、堆叠3D柱状图、3D饼图、3D环形图、3D散点图。

Highcharts数据可视化工具功能效果图详解_饼图_31


3D环形图

Highcharts数据可视化工具功能效果图详解_数据可视化_32


堆叠3D柱状图

Highcharts数据可视化工具功能效果图详解_功能效果图_33


3D散点图

仪表图

主要包括速度仪、仪表盘、活动图、时钟、双刻度仪表图、伏压图。

Highcharts数据可视化工具功能效果图详解_功能效果图_34


电伏电压图

Highcharts数据可视化工具功能效果图详解_柱状图_35


仪表盘

热力图(热力及矩形树图)

主要包括热力图、大型热力图、矩形树图、包含等级的矩形树图、大数量的矩形树图。

Highcharts数据可视化工具功能效果图详解_功能效果图_36


大数据量的矩形树图

Highcharts数据可视化工具功能效果图详解_柱状图_37


大型热力图

更多图表类型

主要包括极地图、蜘蛛图、玫瑰图、箱线图、误差图、瀑布图、漏斗图、金字塔图、多边形图。

Highcharts数据可视化工具功能效果图详解_柱状图_38


极地图

Highcharts数据可视化工具功能效果图详解_柱状图_39


蜘蛛图

Highcharts数据可视化工具功能效果图详解_柱状图_40


玫瑰图

Highcharts数据可视化工具功能效果图详解_功能效果图_41


箱线图

Highcharts数据可视化工具功能效果图详解_饼图_42


误差图

Highcharts数据可视化工具功能效果图详解_柱状图_43


瀑布图

Highcharts数据可视化工具功能效果图详解_饼图_44


漏斗图

Highcharts数据可视化工具功能效果图详解_数据可视化_45


金字塔图

Highcharts数据可视化工具功能效果图详解_饼图_46


多边形图


举报

相关推荐

0 条评论