zoukankan      html  css  js  c++  java

  • HighCharts 特性；Highcharts 环境配置

    Highcharts 

    Vx4_Psj1

    Highcharts 是一个用纯JavaScript编写的一个图表库。

    Highcharts 能够很简单便捷的在web网站或是web应用程序添加有交互性的图表

    Highcharts 免费提供给个人学习、个人网站和非商业用途使用。

    HighCharts 特性

    • 兼容性 - 支持所有主流浏览器和移动平台（android、iOS等）。
    • 多设备 - 支持多种设备，如手持设备 iPhone/iPad、平板等。
    • 免费使用 - 开源免费。
    • 轻量 - highcharts.js 内核库大小只有 35KB 左右。
    • 配置简单 - 使用 json 格式配置
    • 动态 - 可以在图表生成后修改。
    • 多维 - 支持多维图表
    • 配置提示工具 - 鼠标移动到图表的某一点上有提示信息。
    • 时间轴 - 可以精确到毫秒。
    • 导出 - 表格可导出为 PDF/ PNG/ JPG / SVG 格式
    • 输出 - 网页输出图表。
    • 可变焦 - 选中图表部分放大，近距离观察图表；
    • 外部数据 - 从服务器载入动态数据。
    • 文字旋转 - 支持在任意方向的标签旋转。

    支持的图表类型

    HighCharts支持的图表类型：

    序号图表类型
    1 曲线图
    2 区域图
    3 饼图
    4 散点图
    5 气泡图
    6 动态图表
    7 组合图表
    8 3D 图
    9 测量图
    10 热点图
    11 树状图(Treemap)

    Highcharts 环境配置

    本章节我们将为大家介绍如何在网页中使用 Highcharts。

    本教程将 Highcharts 与 jQuery 结合使用，所以在加载 Highcharts 前必须先加载 jQuery 库。

    如果你对 jQuery 不熟悉，可以参阅本站的jQuery 教程。

    安装 jQuery

    jQuery 安装可以使用以下两种方式：

    • 1、访问 jquery.com 下载jQuery包。

    • 2、使用 BootCDN 静态资源库的jQuery资源：

      http://cdn.bootcss.com/jquery/2.1.4/jquery.min.js

    • 3、使用百度静态资源库的jQuery资源：

      http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js

    使用下载的方式

    使用下载的方式，在 HTML 页面引入 jQuery 代码:

    <head>
   <script src="/jquery/jquery.min.js"></script>
</head>

    使用 CDN（推荐）

    使用 BootCDN 静态资源库来加载jQuery库：

    <head>
   <script src="http://cdn.bootcss.com/jquery/2.1.4/jquery.min.js"></script>
</head>

    安装 Highcharts

    Highcharts 安装可以使用以下两种方式：

    使用下载的方式（推荐）

    使用下载的方式，在 HTML 页面引入 Highcharts 代码:

    <head>
   <script src="/highcharts/highcharts.js"></script>
</head>

    使用 CDN

    使用官方提供的 CDN 地址：

    <head>
   <script src="http://code.highcharts.com/highcharts.js"></script>
</head>
     
     
     
     
     
     
     
     

     
  • 相关阅读:
    axis2学习笔记
    一个奇怪的数组越界报错
    zk实现分布式锁
    springBoot配置双数据源
    oracle查询
    maven项目打包
    linux修改yum源为阿里云
    kafka入门
    大话设计模式读书笔记(中介者模式)
    大话设计模式读书笔记(职责链模式)
  • 原文地址：https://www.cnblogs.com/xuaijun/p/7907919.html
Copyright © 2011-2022 走看看